Image Compression

無損與有損圖片壓縮的差別 — 有何不同?

了解無損與有損圖片壓縮的差異。學習哪些格式使用哪種方式、何時該選擇哪一種,以及畫質受損前能壓縮到什麼程度。

無損壓縮保留每一個像素;有損壓縮以一些難以察覺的細節換取顯著更小的檔案。選擇正確的方式取決於你的圖片類型與使用方式。

什麼是無損壓縮?

無損壓縮會在圖片資料中找出規律,並以更精簡的方式編碼 — 而不丟棄任何內容。當你開啟一個無損壓縮的檔案時,解碼器會精確重建原始資料。

可以把它想成文字的 zip 檔:壓縮後的壓縮檔變小了,但解壓縮後你會拿回原始文件的每一個字元。

PNG 是網頁上最常見的無損壓縮圖片格式。在瀏覽器中解碼的 PNG 所包含的像素與來源完全一致。這讓 PNG 非常適合:

  • 純色標誌與字標
  • 螢幕截圖與 UI 模型
  • 具透明背景的圖片
  • 任何會重複編輯並儲存的圖形

缺點:無損壓縮對照片的效率較低。一般照片的 PNG 通常比同等 JPEG 大 3–5 倍。

什麼是有損壓縮?

有損壓縮透過永久捨棄人類難以感知的圖片資料,來達成更大的檔案縮減。它利用了人類視覺的已知特性 — 例如,我們對細微顏色細節的敏感度低於對亮度(明暗)變化的敏感度。

JPEG 是照片領域最主要的有損格式。JPEG 編碼器將圖片分割成 8×8 像素的區塊,套用離散餘弦轉換,並對結果進行量化 — 依據品質設定捨棄高頻細節。品質設定越高,捨棄的資料越少。

取捨:JPEG 壓縮是單向的。你無法復原被捨棄的細節。以較低品質設定重新儲存 JPEG 會累加損失 — 每次重新儲存都會產生額外的瑕疵。

WebP:兩者皆能的格式

由 Google 開發的 WebP,在同一種格式中同時支援無損與有損壓縮。這讓它異常靈活:

  • 有損 WebP 在同等視覺品質下比 JPEG 好約 25–34%
  • 無損 WebP 在檔案大小上比 PNG 好約 26%

大多數現代瀏覽器原生支援 WebP。對網頁圖片使用 WebP — 照片用有損、圖形用無損 — 是提升頁面載入速度最具效益的優化之一。ImgKit 的圖片工具包含 WebP 轉換器。

格式摘要

Format 壓縮類型 最佳用途
PNG 無損 標誌、圖形、截圖、透明
JPEG 有損 照片、網頁圖片
WebP 無損或有損 網頁圖片(所有類型)
GIF 無損(8 位元) 簡單動畫
AVIF 無損或有損 次世代網頁圖片
TIFF 通常為無損 印刷、封存

畫質與檔案大小的取捨

有損格式中畫質與大小的取捨並非線性。從品質 100 降到 85 會大幅縮減檔案大小,而視覺變化幾乎看不見。從品質 60 降到 50 則會在相對微小的額外縮減下,造成瑕疵明顯跳增。

實用架構:

  • 網頁照片(主視覺、部落格): JPEG 品質 80–85 或 WebP 品質 75–80
  • 網頁照片(縮圖): JPEG 品質 70–75 或 WebP 品質 65–70
  • 印刷交付: PNG 或 TIFF 無損,或 JPEG 品質 95 以上
  • 封存母片: 永遠使用無損(PNG、TIFF 或原始 RAW)

實用建議

在以下情況使用有損壓縮

  • 你正在為網站或電子郵件交付照片
  • 檔案大小會影響載入時間或附件限制
  • 圖片不會再被編輯

在以下情況使用無損壓縮

  • 圖片包含文字、銳利線條或純色
  • 你會多次重新開啟並儲存檔案
  • 需要像素級精確度(醫療影像、印刷前製)

若要尋找能比較兩種方式並取得適當平衡的工具,請瀏覽關於壓縮技術與目標檔案大小的相關指南區

常見問題

什麼是無損壓縮?

無損壓縮透過更有效率地編碼資料來縮小檔案大小,且不捨棄任何資訊。當你解壓縮一個無損壓縮的檔案時,每一個原始位元都會精確還原。PNG 使用無損壓縮;解碼後的 PNG 永遠與來源逐像素一致。

什麼是有損壓縮?

有損壓縮透過永久捨棄部分圖片資料 — 通常是人眼難以察覺的細節與顏色過渡 — 來取得更小的檔案大小。JPEG 是經典的有損格式。一旦壓縮,被捨棄的資料就無法復原。

哪些圖片格式是無損的?

PNG、GIF 與 BMP 永遠是無損的。WebP 與 AVIF 同時支援無損與有損兩種模式。TIFF 可以無損方式儲存(未壓縮或 LZW)。RAW 相機檔案是無損的。JPEG 永遠是有損的 — 常見用途中並不存在無損的 JPEG。

我應該何時使用無損或有損壓縮?

對於標誌、螢幕截圖、文字密集的圖形、UI 元素,以及任何會多次編輯並重新儲存的圖片,請使用無損。對於在網頁或電子郵件中分享的照片,請使用有損 — 此時較小的檔案大小更重要,且不需要像素級的精確度。

在畫質損失變得明顯之前,圖片能壓縮到什麼程度?

對於 JPEG,80–90% 的品質設定在正常觀看尺寸下通常與原圖難以區分。低於 60% 時,壓縮瑕疵(區塊化、顏色條帶)會變得明顯。對於有損 WebP,75–85% 的品質能在比同等 JPEG 更小的檔案大小下帶來優異結果。

相關指南

接著閱讀