實用答案
要把一張圖片壓到 100KB 以下,請從像素著手,而不是先動品質滑桿。如果檔案是一張手機照片,把長邊調到約 8001000px,用 JPG 以約 7080 的品質匯出,然後查看下載後的檔案大小。200KB 上限請從 12001600px、品質 7585 起步。50KB 上限則先按入口網站要求的像素尺寸調好,再僅在必要時降低 JPG 品質。
順序很重要。一張 4032 x 3024 的手機照片包含超過 1200 萬像素,而 1000 x 750 的副本只有 750,000 像素。若目的地是表單縮圖、頭像、證件照上傳或小型文件附件,像素少一些通常比用很低的品質把原圖壓扁更耐看。
而且大多數上傳頁並不要求檔案剛好是 100.0KB,只要低於上限即可。稍微低於上限一些 —— 例如 100KB 上限用 9295KB、200KB 上限用 185195KB —— 因為有些入口網站把千位元組當作 1000 位元組,有些則顯示 1024 位元組的 KiB。
動照片之前,先讀上傳規則
大小錯誤訊息只是規則的一部分。壓縮之前,請在上傳頁確認五點:
- 最大檔案大小: 50KB、100KB、200KB、500KB、1MB 或其他上限。
- 允許的格式: JPG/JPEG 最穩妥。有些表單允許 PNG。較少接受 WebP 或 AVIF。
- 像素尺寸: 入口網站可能要求 600 x 600、413 x 531、1200 x 1600 或最大寬度。
- 長寬比: 方形、直式、文件掃描、橫幅或自由。
- 內容規則: 證件與護照照片可能要求純色背景、無濾鏡、無修飾、臉部清晰。
如果表單同時給出像素尺寸與 KB 上限,先設定尺寸,再對已調整好的副本進行壓縮。若先壓縮後調整尺寸,最終匯出很容易再次超限。
常見 KB 目標的初始設定
這些是起點,不是承諾。純背景下的簡單頭像比背景中有樹葉、布料、文字、雜訊或熱鬧街景的照片壓得小得多。
| 目標 | 常見用途 | 從這裡開始 | 需要檢查 |
|---|---|---|---|
| 小於 20KB | 掃描簽名、非常舊的小型表單 | 裁掉留白、寬 300 |
簽名仍清楚可讀 |
| 小於 50KB | 簽證縮圖、小型證件上傳 | 要求的像素尺寸或 500 |
眼睛、邊緣、文字保持清晰 |
| 小於 100KB | 求職入口網站、考試表單、頭像 | 長邊 800 |
臉部不出現方塊、文件文字不糊 |
| 小於 200KB | 大學表單、較大的頭像 | 長邊 1200 |
一般螢幕大小下銳利 |
| 小於 500KB | CMS 上傳、電子郵件、商品草稿 | 長邊 1600 |
大小與細節平衡良好 |
若上傳頁接受 WebP,且 JPG 之後檔案仍嫌大,就試試 WebP。Google 的 WebP 文件指出,在同等品質下有損 WebP 檔案可能比可比較的 JPEG 更小;但對於表單而言,最終仍由相容性決定。
把品質壓得太低之前,先換格式
換格式往往比極端降品質更乾淨。
- 表單選 JPG: JPG 幾乎哪裡都能用,是政府入口網站、學校系統、求職平台與舊式上傳元件最穩妥的選擇。
- 網站選 WebP: 當 CMS、目標瀏覽器或發佈管線接受時,WebP 是實用的網頁格式。它常能以比 JPG 更少的可見瑕疵達到 100KB 或 200KB。
- AVIF 僅在被接受時使用: AVIF 可以做出非常小的檔案,但很多非網頁上傳表單會拒絕它。除非表單明確列出 AVIF,否則嚴格的表單不要使用 AVIF。
- 照片避免 PNG: PNG 是無損的,適合截圖、Logo、示意圖與透明。對於要壓到 100KB 以下的相機照片來說,通常是錯的格式。
- HEIC 先轉檔: 若來源是 iPhone 的 HEIC 而入口網站要求 JPG 或 PNG,請先轉成 JPG,再去追 KB 目標。
圖片遠遠太大時,先調整尺寸
PhotoTools 的 Compress 工具會改變品質與輸出格式,但不會改變像素寬高。若來源是相機全尺寸照片,請先用 Resize 工具,再對調整後的副本進行壓縮。
對一般頭像或文件上傳而言,以下長邊尺寸較實際:
- 500~700px: 非常小的 50KB 目標、簽名、縮圖與簡單頭像。
- 800~1000px: 大多數只在螢幕上審閱影像的 100KB 表單。
- 1200~1600px: 大多數 200KB 頭像、大學表單、市集商品與申請上傳。
- 1600~2000px: 更看重品質、目標接近 500KB 或 1MB 的網站圖片。
若入口網站要求精確尺寸,就不要用長邊的粗略值。請在 Resize 工具輸入要求的寬高,除非入口網站明確要固定裁切,否則保持鎖定比例,匯出正確形狀的副本,再壓縮這份檔案。
100KB 或 200KB 上限時如何使用 PhotoTools
當上傳頁給出嚴格的檔案大小上限且你想讓影像保持私密時,請採用下列流程:
- 保持原始檔案不動。
- 若照片比目的地所需大,開啟 Resize,設定目標像素並下載調整後的副本。
- 開啟 Compress,把調整後的 JPG 或 PNG 拖入。
- 選擇輸出格式。為相容表單選 JPG;僅在目的地接受時選 WebP。
- 把品質設為 80,點擊「全部壓縮」。
- 讀一下卡片:PhotoTools 會在壓縮後顯示原始大小、輸出大小與節省百分比。
- 若結果仍超過上限,回到原檔或調整過的副本,把品質降到 70 再匯出一次。
- 一旦下載檔案明顯低於上限且看起來仍清晰,就停下。
不要反覆壓縮已經壓過的下載檔案。反覆重新編碼 JPG 會累積瑕疵。若第一次嘗試太大,回到原檔或乾淨的調整副本,用較低品質匯出新版本。
秘訣:把 JPG 壓到 100KB 以下
用於表單照片、商品縮圖或求職履歷頭像:
- 除非入口網站給出精確尺寸,否則把長邊調到 900 或 1000px。
- 匯出為 JPG。
- 從品質 80 開始。
- 若檔案是 110
130KB,試試品質 7275。 - 若仍超過 100KB,在把品質壓到 60 以下之前,再把長邊縮小 150~200px。
結果在正常觀看尺寸下仍應乾淨。若 100% 縮放時臉部、標籤或文件文字看起來像蠟狀,代表影像相對位元組預算的像素太多。較小的圖像配較高的品質,通常比大圖配品質 35 更好看。
秘訣:把 JPG 壓到 200KB 以下
200KB 上限餘裕較大,因此不要過度壓縮:
- 把長邊調到 1200~1600px。
- 以品質 80~85 匯出 JPG。
- 若檔案落在約 220KB,把品質降到 75~78。
- 若背景繁雜且檔案仍大,就調整到 1200px,而不是把品質滑桿拉得太低。
當影像仍需要可查看時使用 200KB:申請用頭像、小型商品照、掃描證書、課堂繳交,以及瀏覽者可能稍作放大的 CMS 上傳。
秘訣:把簽證或護照照片壓到 50KB 以下
證件照上傳與眾不同,因為檔案大小並非唯一規則。裁切、臉部位置、背景、表情與光線比位元組數更重要。
請先從入口網站的官方像素尺寸入手。若要求 600 x 600,就做一張 600 x 600 的檔案。若給出最小與最大,就保持在此範圍內。然後以約 70 的品質匯出 JPG 並檢查大小。若仍超過 50KB,把品質降到 60~65,或僅在入口網站允許時減小尺寸。
不要用美顏濾鏡、AI 銳化、臉部修飾、背景替換或強烈的色彩編輯來修補一張不佳的官方照片。調整尺寸與壓縮屬於檔案準備。改動臉部或背景屬於合規風險。
秘訣:把簽名或掃描表單壓到 20KB
小型簽名上傳因另一個原因而失敗:人們壓縮的是整張手機拍攝的紙張,而不是簽名本身。
先裁切。去掉桌面、桌子、陰影與空白紙張。緊湊的裁切能比任何壓縮設定都更能縮小檔案。然後把裁切後的影像調到寬 300500px,並以品質 5565 匯出為 JPG。若表單允許 PNG,而簽名是白底純黑文字,PNG 可能保持清晰,但也可能超出上限。兩種都試,留下較小且可讀的那份。
上傳前把影像放大到正常螢幕大小,確認筆畫沒有斷裂。讓簽名不可讀的 12KB 檔案不算勝利。
PNG 截圖與透明影像怎麼辦
含文字的截圖、Logo 或透明圖形和照片是兩回事。
當影像需要透明、清晰的介面文字或準確的平面色彩時,請保留 PNG。若入口網站只在意一張小預覽且接受 WebP,WebP 可以把截圖壓得很小並保持比 JPG 更乾淨的邊緣。只有當表單接受 JPG 且匯出後文字仍可讀時,才對截圖使用 JPG。
對於透明 PNG,請記得 JPG 沒有透明。匯出為 JPG 會把透明區域壓平為背景色。若影像是 Logo 或疊加素材,請保留一份乾淨的 PNG 母版,僅在目的地要求 JPG 時再產生一份壓平的上傳副本。
檔案低於上限卻仍被拒絕的原因
若最終檔案顯示 96KB 但入口網站仍拒收,請在再次壓縮前檢查這些問題:
- 副檔名不對: 入口網站要
.jpg或.jpeg,而不是.webp、.avif、.heic或改名的檔案。 - 尺寸不對: KB 大小適合,但像素寬高在允許範圍之外。
- 長寬比不對: 要求方形照片,但影像是直式或橫式。
- 檔案離上限太近: 電腦顯示 100KB,但入口網站按精確位元組計算。請匯出為 92~95KB。
- 漸進式或不尋常的編碼: 部分老舊入口網站會拒收完全有效的影像。請以瀏覽器工具重新匯出為普通 JPG。
- 檔名問題: 去掉特殊字元、表情符號、過長名稱與空白。使用類似
photo.jpg的名稱。 - 可見內容問題: 證件照檔案可能技術上有效,卻因陰影、裁切、表情、眼鏡、背景或修飾而被拒。
如何快速判斷品質
上傳前做三十秒複核:
- 開啟下載後的最終檔案,而不是預覽。
- 在 Finder、Windows 內容或上傳對話框中查看精確檔案大小。
- 以審閱者可能看到的尺寸檢視。
- 放大到 100% 一次,觀察眼睛、文字、Logo 邊緣、漸層與皮膚紋理。
- 若看到方塊、光暈、糊掉的細節或無法辨識的文字,請改用較少的像素與較高的品質,而不是再降一次品質。
對於網站圖片,也要在版面中檢視該圖。若瀏覽器必須把它放大進大型主視覺格,100KB 的檔案也可能顯得糟糕。對小型表單上傳,正常觀看大小比像素級放大更重要。
隱私與中繼資料說明
PhotoTools 在瀏覽器中處理壓縮。工具會解碼影像、把像素繪製到 OffscreenCanvas,再依所選品質匯出新的 JPG、WebP、AVIF 或原格式檔案。MDN 記錄 canvas 匯出對於支援有損壓縮的格式,可以同時指定輸出類型與品質。
因為輸出是從 canvas 像素建立的,相機中繼資料通常不會被複製到新檔案中。這能移除 GPS 座標、相機型號、時間戳與編輯軟體標籤。若檔案敏感,請以中繼資料檢查器核對最終下載,而不要假設每一個隱藏欄位都已消失。
不要做的事
- 不要僅為縮小而對照片截圖;截圖常會加入模糊、改變色彩,並產生更差的來源。
- 不要透過聊天應用把影像傳給自己充當「壓縮器」;許多應用會不可預測地調整尺寸並丟掉有用的細節。
- 不要壓縮原始檔案的唯一副本。保留全解析度來源,再從中產生上傳副本。
- 不要一開始就用最低品質。降到品質 60 以下之前,請先試合理的尺寸調整。
- 不要在只列出 JPG/JPEG/PNG 的表單裡使用 WebP、AVIF 或 HEIC。
快速回顧
面對嚴格的 KB 目標時,請照這個順序:
- 閱讀上傳規則:大小、格式、尺寸與內容要求。
- 若照片像素遠多於目的地所需,先調整尺寸。
- 使用 JPG 取得最大表單相容性;只有在被接受時才用 WebP 或 AVIF。
- 從品質 80 左右起步,僅在需要時下調。
- 目標低於上限,而非剛好等於上限。
- 上傳前檢查下載檔案大小與視覺品質。
核對過的技術資料
本文對照了 PhotoTools 現行的壓縮與調整實作、MDN 的 OffscreenCanvas convertToBlob() 文件、MDN 的影像檔案類型指南、Google 的 WebP 文件 以及 web.dev 的 Learn Images 課程。