如何調整圖片大小：完整指南
站內三個工具，分工很清楚：改構圖去轉換器，做圖示去圖示工坊，只壓容量去批次壓縮。下面按實際操作順序寫，每一步都有預設值、也都能改；末尾是一份出問題時的排查清單。
三者都在瀏覽器本機完成，沒有上傳端點，也不需要帳號 —— 斷網之後已經載入的圖照樣能處理。
一張圖要同時出 7 個平台、11 種規格，或者需要精準裁切、透明背景。
輸出 · 11 張按「平台-用途-寬x高」命名的圖 + social-sizes 壓縮檔
站點或 App 要一整套 favicon、主畫面圖示、PWA 與擴充功能圖示，檔名還得對上各平台慣例。
輸出 · 20 個慣例檔名的圖示 + icons 壓縮檔（含 README）
一堆圖只需要統一變小，構圖不動；或者要把容量壓到某個上限以內。
輸出 · 同名 -min 檔案 + compressed-images 壓縮檔
規格庫
載入圖片
三種載入方式，效果一樣
三種方式，效果完全一致：
- 拖入：轉換器可以拖到頁面任何位置（已有圖片時直接替換）；批次壓縮在已有結果時繼續往頁面裡拖是追加；圖示工坊拖到上傳區。
- 選擇檔案：點擊上傳區開啟檔案選擇器。
- 貼上：截圖後直接
⌘/Ctrl + V，連存到本機這一步都省了。
格式上，轉換器與圖示工坊接受 JPG / PNG / WebP / AVIF / GIF（GIF 只取第一格，動畫不保留）；批次壓縮只收 JPG / PNG / WebP / AVIF，GIF 動畫與 SVG 會被跳過並說明原因。
尺寸上建議最長邊不低於目標規格。轉換器與圖示工坊會把超過 4096px 的原圖先降取樣到 4096 再參與生成 —— 這一步只為控制記憶體，不影響輸出，因為最大的規格也只是 YouTube 頻道橫幅（2560 × 1440）。批次壓縮單張上限 50.00 MB、一次最多 60 張。
還有一條容易踩：在首頁直接拖圖會跳到轉換器並把這張圖帶過去，這條路徑靠的是同一頁的記憶體。重新整理或另開分頁就丟了，需要重新選圖。
填滿還是完整放入
裁掉邊緣還是四周留白
這是唯一一個會明顯改變結果的選擇，兩種模式沒有優劣，只看你要什麼。
- 結果
- 鋪滿整框，多出的部分裁掉
- 適合
- 截圖、海報、主體置中的照片
- 注意
- 邊緣資訊會遺失，構圖焦點決定保留哪一邊
- 背景色
- 不參與合成
- 結果
- 整張圖都在，四周留背景色
- 適合
- 圖表、帶文字的設計稿、需要完整呈現的原圖
- 注意
- 會留白；配一個和畫面協調的背景色
- 背景色
- 就是留白處的顏色，預設白色
切換會立即按新參數重算全部結果，不需要點任何按鈕。
構圖焦點
主體不置中時怎麼取景
焦點決定「裁掉哪一邊」。選上表示保留上側內容，選下表示保留下側；完整放入時它控制留白堆在哪一端。
什麼時候需要調：直圖生成 16:9 縮圖、橫圖生成 9:16 封面、人像照片生成方形貼文。這三類情境下「中」往往剛好切在最不該切的位置。
裁切視窗
手動框選、比例鎖定
焦點只能粗略對齊，要讓某一塊內容精確落在畫面裡，用裁切視窗。它有兩個獨立的概念，想清楚就不會被繞進去：
- 選取框釘在螢幕上，拖框 = 決定保留哪一塊。
- 圖片縮放只改變框背後的圖片大小，框本身原地不動。
頂部的比例 chip 來自 11 個規格去重後的 8 種比例：16:9（1280×720）、3:1（1500×500）、1:1（400×400）、9:16（1080×1920）、1:1.56（420×654）、40:21（1200×630）、4:1（1584×396）、2:3（1000×1500）。chip 上還標了該比例首個規格的像素尺寸，選取後拖角控點就是等比縮放。
裁切可以疊加：每次「套用裁切」都是基於目前畫面再裁一刀，不是回到原圖重來。想復原走來源圖列上的「還原裁切」。圖示工坊的裁切視窗只有一個 1:1 選項，因為所有輸出都是正方形。
行動裝置沒有空白鍵：單指拖框、雙指捏合縮放並平移圖片，其餘行為一致。
格式與品質
JPEG / PNG 怎麼挑
JPEG 用於照片和絕大多數內容，沒有透明需求時選它，容量小一半以上。品質預設 92（可調範圍 40–100）：低於 80 在漸層與純色塊上會出現可見色帶，高於 95 容量膨脹但肉眼幾乎看不出差別。
PNG 用於需要透明的場景（疊在影片上的字幕條、需要透底的 Logo），或大面積純色與文字的圖。開啟「透明背景」會自動切到 PNG —— 因為 JPEG 根本沒有 alpha 通道；反過來從 PNG 切回 JPEG 時透明開關會自動關閉，避免出現「介面顯示透明、匯出的卻是白底」。
PNG 是無損格式，品質滑桿會變灰，這是正常的。
匯出與命名
單張、ZIP 與檔名規則
單張下載在卡片右下角，也可以在點開的大圖預覽裡點「下載這張」；整包下載是「匯出結果」標題列右側的「打包下載 ZIP」。大圖預覽有兩種模式：平台預覽按平台真實形態顯示（圓形頭像、圓角卡片、被介面遮住的區域都在），原圖則看匯出檔案的真實像素。
檔名規則固定，方便直接落進素材庫：平台-用途-寬x高.jpg，例如 {sample}。壓縮檔名是 social-sizes-20261024-1208.zip，帶本機時間戳。
用不到全部規格時，點工具列右側的「匯出規格」只勾需要的幾個。少生成幾張不只是省時間，也少佔幾份畫布記憶體。
從一張 Logo 到一整套圖示
一張來源圖出全套尺寸
圖示工坊把一張圖鋪成 20 個檔案，分六組：瀏覽器分頁（favicon）、頂部導覽 Logo、iPhone 主畫面、Android / PWA、Chrome 擴充功能、圓形頭像與小尺寸。每一檔的尺寸、格式與檔名都按各平台文件來，不是自己擬的。
來源圖建議 1024 × 1024 的方形 Logo。非正方形也能用 —— 會等比內嵌到畫布裡並留白，不會拉伸。
四個參數各自管什麼
- 形狀（方形 / 圓角 / 圓形）只改變畫出來的輪廓。iOS 主畫面圖示與 maskable 恆為滿版：裁形由系統施加，自己先裁一圈會得到雙層邊框，透明角還會被填黑。
- 內距（0–20%）只作用於真正代表 Logo 的規格（favicon、導覽 Logo、PWA 主圖）。頭像與觸控圖示恆滿版，否則使用者會以為「圖變小了」；maskable 至少留 10%，因為系統只保證中間 80% 可見。
- 底色 / 透明底：iOS 圖示不允許 alpha，透明像素會被系統填成黑色，所以 apple-touch 與 PWA 這幾檔強制鋪底色，透明開關對它們無效。
- 不放大：開啟後按原生像素嵌入。來源圖小於目標尺寸時會保留像素格，而不是插值糊成一片 —— 小 Logo 放大的問題會一眼看出來。
兩個容易誤解的輸出
favicon.ico 是單檔內嵌 16 / 32 / 48 三檔 PNG，由瀏覽器自己挑，不要再拆成三個檔案。favicon.svg 與 logo.svg 輸出的是「點陣圖內嵌 SVG」的過渡容器：點陣圖無法轉成真向量，這兩檔只能先把檔名與引用方式對上，正式上線請讓設計匯出真正的向量檔覆蓋它。
上線方式
檔案用的是各平台慣例名（favicon.ico、favicon-16x16.png、apple-touch-icon.png、android-chrome-512x512.png、android-chrome-maskable-512x512.png、icon-192.png），全部丟到站點根目錄即可。來源圖列右側的「下載全部 ZIP」一次拿走整包，檔名 icons-20261024-1208.zip，裡面附一份 README.txt，記錄來源圖尺寸、裁切範圍、算圖參數與檔案清單。頁面底部的「接入片段」可以直接複製 HTML head 與 manifest.json 兩段。
驗收方法是看卡片 —— 卡片畫的就是它在實際顯示尺寸下的樣子，點開可以放大到像素級。16px 那一檔如果認不出輪廓，說明造型還得更簡。
把一批圖統一壓小
品質階梯與目標容量
批次壓縮只做一件事：把同類圖片統一壓小，不動構圖。它和轉換器的差別是不裁不切、不換比例；和圖示工坊的差別是不產生新檔案形態。
輸出格式
智慧（預設）＝ JPEG 來源保持 JPEG，PNG / WebP / AVIF 來源統一轉 WebP —— WebP 保留 alpha，同內容通常比 PNG 小一半以上，把 PNG 重編碼成 PNG 基本不會變小。也可以強制 JPEG / WebP / PNG。瀏覽器不支援 WebP 編碼時會自動退回成 PNG，檔名副檔名也跟著變，頁面頂部會提示。
品質與尺寸
品質滑桿範圍 40–100，預設 80；旁邊三檔快捷值分別是 轻压缩 90 / 推荐 80 / 高压缩 60。再低就是肉眼可見的塊狀壓縮失真，所以下限釘在 40。
「最長邊」可選不縮放 / 3840 / 2560 / 1920 / 1280，只縮不放：來源圖比上限還小時原樣保留，絕不插值把檔案做大。勾了 PNG 時品質滑桿與「目標容量」都會失效 —— PNG 是無損格式，按容量控制沒有意義。
目標容量怎麼追
設一個 KB 上限後，程式先沿品質階梯往下試（最多 6 檔，最低到 30），仍超標再按 25% 步長收尺寸（最多 3 輪，不低於 320px），兩樣都做不到才標「未達標」—— 不會謊報成功。
結果永遠不比原圖差
如果沒有縮小尺寸、編碼後反而更大，程式會直接交付原檔案並標註「保留原圖」。這條規則讓「壓縮」不會出現負收益，代價是有些列看起來「沒幹活」。
參數不自動重壓
改品質、改尺寸、改格式都只會亮起一條提示，結果仍是舊參數算出來的。確認後點「重新壓縮」。批次 × 多次編碼的代價很高，跟隨滑桿即時重算會把主執行緒卡死。
命名與對比
輸出名是原名加 -min（換了格式就換副檔名），同一批出現重名會補 -2、-3，否則 ZIP 裡後寫的項目會覆蓋先寫的。壓縮檔名是 compressed-images-20261024-1208.zip。點任意一列可以開啟對比燈箱，中間那條分割線可以逐像素拖看畫質差異，← / → 切換上下張。
重編碼只寫像素，EXIF（拍攝裝置、光圈快門、GPS 座標）不會保留。這通常正是你要的，但如果依賴 EXIF 歸檔，請先備份原圖。
邊界與限制
容量、數量、尺寸的上限
- 沒有伺服器端：沒有上傳端點，也沒有帳號。好處是隱私與斷網可用，代價是重新整理即清空，結果只活在這個分頁裡。
- 4096px 降取樣：轉換器與圖示工坊對超長邊原圖先降到 4096，再生成。低於目標規格的圖仍會被放大，這一步救不回來。
- 畫布記憶體：行動裝置一次生成 11 張容易卡，減少勾選數量就能緩解；批次壓縮一次 60 張、單張 50.00 MB 是硬上限。
- 格式限制：GIF 動畫重編碼會丟動畫，SVG 是向量、轉成點陣必然失真，HEIC 瀏覽器解不了 —— 這三個在批次壓縮裡會被跳過並寫明原因。
- 透明與格式的綁定：透明底只能是 PNG；JPEG 情境下透明區域會被鋪成你選的背景色。
常見問題排查
結果不對時按順序查
生成的圖為什麼是模糊的
原圖不夠大。1080 寬的方形貼文至少需要 1080 寬的來源圖，YouTube 頻道橫幅 需要 2560 寬。上傳後先看來源圖列上顯示的尺寸，低於目標規格就一定被插值放大。
關鍵資訊被切掉了
填滿裁切必然裁掉邊緣 —— 這是它的定義，不是 bug。換「完整放入」，或者進裁切視窗鎖定目標比例，自己框住要保留的區域。
頭像看起來被啃掉一圈
頭像是圓形裁切，四角本來就不顯示。主體壓在中心直徑 80% 的圓內即可，在大圖預覽裡切到「平台預覽」能看到真實的圓形效果。
匯出的 PNG 比想像中大很多
正常。1080×1920 的圖存成 PNG 可以有 3~5 MB。沒有透明需求時用 JPEG，同樣內容通常只有 200~500 KB。
手機上傳大圖之後頁面變卡
行動裝置瀏覽器對單頁 canvas 佔用有硬限制。在工具列右側的「匯出規格」裡減少勾選，一次只生成需要的兩三張，能明顯緩解。
批次壓縮有的圖沒變小
兩種情況：原圖本身已經是高度壓縮的產物，重編碼只會更差；或者沒啟用「最長邊」，尺寸沒變而編碼結果更大。這兩種都會直接交付原檔案，並在那一列標註「保留原圖」。
圖示裝到桌面後四周有黑邊
iOS 圖示不允許 alpha 通道，透明像素會被系統填成黑色。本頁對 apple-touch 與 PWA 這幾檔強制鋪底色，但如果來源圖本身是透明背景的深色 Logo，請先把底色調成接近 Logo 的顏色再匯出。
改了壓縮參數，結果卻沒變
批次壓縮故意不跟隨參數即時重算 —— 一次可能是幾十張、每張最多編碼九次。參數變更只會亮起提示條，確認後點「重新壓縮」。單張工具（轉換器、圖示工坊）反而是即時重算的。
重新整理之後圖都沒了
三個工具都沒有上傳端點，也就沒有伺服器端副本：圖片只活在這個分頁的記憶體裡，重新整理、關閉或另開分頁都會清空。需要留的先下載。
還有具體規格上的疑問？規格庫裡每個條目都寫了真實顯示規則、遮擋區域與最常見的失敗案例；轉換器、圖示工坊、批次壓縮隨時可以直接上手。