Skip to content
All writing Part 03 of 07 · 裁切、縮放、填滿:圖片處理
Engineering · 1 min read

有損無損,才是檔案大小的關鍵

決定圖片檔案大小的最大因素是有損還是無損,不是副檔名:有損讓照片變小,無損逐像素保留卻更大,而平面圖形又會把規則翻過來。

決定檔案大小的最大因素是有損還是無損,不是副檔名。同一張照片(以 JPEG 當 基準)大概是這個量級:

同一張照片 — 相對檔案大小(JPEG = 1× 基準) ◀ 更小 更大 ▶ AVIF ~0.5× WebP ~0.7× JPEG 1× PNG ~3-10× BMP ~20×+ ■ 有損(AVIF/WebP/JPEG) ■ 無損(PNG) ■ 未壓縮(BMP)
有損無損才是最大的槓桿——有損維持小,無損逐像素保留、檔案就變大。
  • 有損(JPEG/WebP/AVIF)丟掉眼睛幾乎看不出的細節,所以小。照片很適合,但銳利文字、線條會糊掉(ringing 假影)。
  • 無損(PNG/GIF)逐像素保留,照片會很大,但對「顏色不多的平面圖形」反而比 JPEG 小(純色 logo 幾乎壓到沒有)。
  • 品質旋鈕: JPEG/WebP/AVIF 用 0–100 拿品質換大小,「壓到某個大小上限以內」的迴圈調的就是這一顆。

想變小,先問「這張能不能有損」,再談換哪個格式。


參考來源:

Related: 搭配圖片格式速查表廣告投放讓格式優先序翻轉一起看,或回到裁切、縮放、填滿的四堂課總覽

Tags #image-processing #file-formats
// connect

Be brave | Be wise | Be grateful

21 BreakinCode

// elsewhere
LinkedInMedium (lang: en)Youtube
wh:~$William Hung· © 2026 Taipei · GMT+8 · Available for collaboration