簡短答案
要在不改變尺寸的前提下把圖片變小,請用壓縮,而非調整尺寸。壓縮改變的是同一組像素的儲存方式,調整尺寸改變的則是像素網格本身。
當表單出現以下這類要求時,這個區別就很關鍵:
- 「圖片必須為 600 x 600 像素,且不超過 200KB。」
- 「上傳 2 x 2 英吋護照照片,僅限 JPG,最大 240KB。」
- 「大頭貼必須至少 1000 x 1000 像素,最大 1MB。」
- 「請勿更改圖片尺寸。」
在這些情況下,寬度和高度也是要求的一部分。調整尺寸也許能解決 KB 問題,卻會違反尺寸規則。請先使用壓縮工具。
檔案大小和尺寸是兩回事
圖片的「大小」容易混淆,因為同一個詞被用來指兩件不同的事。
| 常見說法 | 實際意涵 | 例子 | 如何調整 |
|---|---|---|---|
| 檔案大小 | 磁碟上的位元組數 | 85KB、240KB、2.8MB | 壓縮、移除中繼資料、更換格式 |
| 像素尺寸 | 寬度與高度 | 600 x 600 px、1200 x 800 px | 調整尺寸或裁切 |
| 列印尺寸 | 實體輸出尺寸 | 2 x 2 英吋、4 x 6 英吋 | 由像素與 DPI/PPI 中繼資料決定 |
同一張 2000 x 2000 圖片,可以是 10MB,也可以是 300KB。尺寸相同,儲存方式不同。
反過來也一樣:500 x 500 的 PNG 螢幕截圖,若儲存方式沒效率,或包含透明與中繼資料,也可能比 2000 x 2000 的 JPEG 相片還大。
什麼時候不該調整尺寸
當前尺寸已經正確時,先壓縮:
- 政府或學校表單: 表單可能同時檢核像素尺寸與檔案大小。
- 護照照片或身分證件照: 裁切多半已經正確,調整尺寸可能破壞人臉大小或頭部位置的要求。
- 大頭貼: 平台常要求高於某個最低像素的正方形圖片。
- 已按版型設定尺寸的網站圖片: CSS 版位預期相同的長寬比與像素網格。
- 文件用螢幕截圖: 動到尺寸會讓 UI 文字變糊或難以比對。
- 由其他系統使用的圖片: 樣板、資料庫、印刷流程或批次腳本可能預期精確尺寸。
只有當目標端允許更小的尺寸,或圖片的像素數遠超所需時,才去調整尺寸。web.dev 的圖像指南把這兩件事分開講:尺寸正確的圖片減少不必要的位元組,壓縮則微調剩下的檔案。
壓縮會改變什麼
尺寸不變時,檔案大小仍可能變化,因為匯出的檔案會在下列一項或多項上不同:
- 品質等級: 有損格式在品質下降時儲存較少的視覺細節。
- 格式: WebP 或 AVIF 能比 JPEG 或 PNG 更有效率地儲存同樣的像素尺寸。
- 壓縮模式: 無損完全保留像素;有損會些微改動像素以節省更多位元組。
- 色彩資訊: 部分編碼器會降低色彩精度或色度細節。
- 中繼資料: 相機型號、GPS、預覽縮圖、DPI 標記與編輯歷史都可能被移除。
MDN 的 Canvas 匯出文件是理解瀏覽器工具的一個好模型:瀏覽器可以把同一份 Canvas 點陣圖匯出成不同的檔案格式與品質等級。若 Canvas 是 1200 x 800 像素,匯出的 JPEG 或 WebP 依然是 1200 x 800,只是位元組大小改變。
依圖片類型選方法
| 原始圖片 | 保留尺寸? | 優先嘗試 | 應避免 |
|---|---|---|---|
| 超過上傳上限的 JPG 相片 | 是 | 小幅度降低 JPEG 品質 | 反覆重存同一張 JPG |
| 沒有透明的 PNG 相片 | 是 | 若被接受,改存為 JPG 或 WebP | 只因原本是 PNG 就一直保留 PNG |
| 含文字的 PNG 螢幕截圖 | 是 | PNG 最佳化或無損 WebP | 低品質 JPEG |
| 透明標誌或去背圖 | 是 | 視目標端支援情況使用 PNG 或 WebP | 會去除透明的 JPEG |
| 已依尺寸完成的網站主視覺 | 是 | 帶備援的 WebP 或 AVIF | 造成色帶的極低品質 |
| 電子郵件附件 | 通常保留 | 相片用 JPEG,圖形用 PNG | 收件方可能不支援的 WebP 或 AVIF |
| 封存或母版檔案 | 是 | 保留原檔,必要時另存一份壓縮版本 | 用一次有損匯出覆蓋唯一的母版 |
很多泛泛談論壓縮的文章就是在這裡出錯的。「轉成 WebP」對你自己控管的網站圖片是好建議,對法院表單、學校表單、印刷廠或只接受 JPG/PNG 的電子郵件附件則可能是壞建議。
通常可用的品質設定
沒有放諸四海皆準的品質數字。web.dev 建議嘗試不同的壓縮等級,直到在視覺品質與檔案大小之間取得最佳折衷。以下數值只是起點,並非鐵律:
| 圖片用途 | JPEG/WebP 起點 | 需要檢查的部分 |
|---|---|---|
| 護照、證件、大頭貼或文件相片 | 82-90 | 臉部細節、文字標籤、邊緣銳利度 |
| 商品相片 | 80-88 | 布料、標籤、邊角、色偏 |
| 部落格或網站相片 | 75-85 | 皮膚、天空、陰影、漸層 |
| 縮圖或預覽 | 65-78 | 小尺寸下主體是否清楚 |
| 背景圖 | 55-72 | 色帶與明顯的方塊 |
| 含文字的螢幕截圖 | 先試無損 PNG/WebP | 選單文字、圖示、細線 |
AVIF 在許多工具裡使用另一套刻度,別把數字直接和 JPEG 或 WebP 相比。「品質 60」的 AVIF 與「品質 60」的 JPEG 並不等價。
最穩當的流程樸實但可靠:匯出、比對、調整、再來一次。
不調整尺寸的格式轉換
更換格式可以在不改變像素尺寸的前提下縮小檔案。關鍵在於目標端是否接受新格式。
JPEG 轉 WebP: 常用於網頁交付。Google 的 WebP 文件在其測試集上回報了顯著的平均節省,WebP 支援有損、無損、透明與動畫。但嚴格的上傳表單仍可能拒絕 WebP,即便瀏覽器皆支援。
PNG 相片轉 JPEG 或 WebP: 若 PNG 是相機相片且不需要透明,通常收益很大。PNG 是無損的,會保留每一點細微的相機雜訊。JPEG 或 WebP 可以用相片有損壓縮,以更少的位元組存下相同尺寸。
PNG 螢幕截圖轉 JPEG: 通常划不來。檔案可能會變小,但文字與硬邊會顯得髒。請先試 PNG 最佳化或無損 WebP。
透明 PNG 轉 JPEG: 只有在你能接受把背景壓平時才這麼做。JPEG 無法保留透明像素。
JPEG 再存為 JPEG: 可行,但一定要從手上最好的來源檔案出發。反覆重壓已壓過的 JPEG 會累積偽影。
在 PhotoTools 中如何不改變尺寸地壓縮
當寬度和高度必須保持不變時,依以下步驟:
- 開啟 壓縮,不是「調整尺寸」。
- 拖入圖片。
- 依工具顯示的輸入尺寸,或系統的檔案資訊,確認尺寸。
- 保留相同尺寸,選擇目標端接受的輸出格式。
- 逐步降低 JPEG、WebP 或 AVIF 的品質滑桿。
- 下載結果。
- 上傳前再次核對下載檔案的像素寬度與高度。
- 若隱私很重要,也要確認是否還有 EXIF/GPS 中繼資料。
PhotoTools 會將壓縮流程放在你的瀏覽器中執行。圖片在工具工作階段中於本機處理,不會為了轉檔而被上傳到伺服器。
若目標端要求保留當前的像素尺寸,就別使用「調整尺寸」工具。調整尺寸是用來改變寬度和高度的,壓縮才是用來改變位元組的。
依實際上傳問題舉例
| 問題 | 更好的做法 | 原因 |
|---|---|---|
| 600 x 600 的 JPG 需要小於 200KB | 保留 JPG,將品質由 80 高段降到 80 低段 | 尺寸與可接受格式都維持安全 |
| 1200 x 1200 大頭貼 2MB,上限 1MB | 壓縮 JPG,或若接受則轉為 WebP | 不動像素就有充裕空間 |
| 900KB 的 PNG 螢幕截圖,尺寸必須保留 | 嘗試 PNG 最佳化或無損 WebP | 文字依然銳利 |
| 透明商品去背圖太大 | 若接受則試帶 Alpha 的 WebP | 網頁多數情境下能以更少位元組保留透明 |
| 網站圖 4000 px 寬,但顯示時只有 800 px | 若允許,先調整尺寸再壓縮 | 保留 4000 px 是位元組的浪費 |
| 表單要求恰好 413 x 531 px 的 JPG,最大 300KB | 不要調整尺寸;只壓縮 JPG | 驗證程式可能拒絕任何尺寸改動 |
難點通常是嚴格的表單。表單一旦指定精確的像素與檔案大小上限,請把這些要求置於一般圖片建議之上。
也需要調整尺寸的情況
有時「不調整尺寸」本身就是錯誤的限制。若圖片的像素數遠超目標端所需,光靠壓縮會把你逼進難看的品質設定。
一張 4000 像素寬的相片被壓到極低 JPEG 品質,仍可能又重又難看。若目標端只以 1000 px 寬顯示且允許這個尺寸,先調整尺寸再適度壓縮,通常會比保留多餘像素、破壞細節更好。
原則:
- 尺寸是硬性要求:先壓縮。
- 尺寸只是超過所需:先調整尺寸。
- 拿不準:先看上傳說明,再決定要不要改尺寸。
疑難排除
圖片還是太大
嘗試更有效率的可接受格式,再稍微降低品質,移除中繼資料,或從原始檔案重新開始,而非從之前匯出的副本再處理。若仍遠超上限,且目標端允許更小尺寸,就先調整尺寸。
上傳表單拒收檔案
檢查允許的檔案類型。許多表單只接受 JPG 與 PNG。WebP 檔案即使尺寸與檔案大小都符合,仍可能因表單沒有把 WebP 列為可接受格式而被拒。
圖片看起來糊
尺寸或許沒變,但壓縮品質太低或選了錯的格式。請調高品質。螢幕截圖、示意圖與文字請使用 PNG 或無損 WebP,不要用低品質的 JPEG。
透明背景變成白色或黑色
圖片多半被轉成了 JPEG。JPEG 沒有透明。若目標端支援透明,請匯出為 PNG、WebP 或 AVIF。
尺寸還是被改了
你可能用了「調整尺寸」、「裁切」或某個匯出預設,動到了像素網格。請重新開啟原檔,只使用壓縮。送出前確認輸出尺寸。
一條能救回品質的最終規則
請保留原始檔案。壓縮最安全的時機,是你能從最佳來源檔案再次匯出的時候。
若你反覆下載已壓縮的圖片,再壓一次,再轉成另一種有損格式,再壓一次,偽影就會不斷堆積。做一次上傳也許還能接受,但商品相片、身分證件照或會被反覆使用的網站素材,請保留一份乾淨的母版,再從中產生交付版本。