圖片壓縮解析：有損與無損壓縮的原理與使用時機
有損壓縮刪除肉眼不會注意到的影像資料，可將檔案縮小 60–80%。無損壓縮在不刪除任何資料的前提下重新組織資料，通常節省 20–50%。每種圖片格式都使用其中一種——選對壓縮類型，是影響最終檔案大小的單一最重要因素。
像素發生了什麼：核心差異
想像一張夕陽的照片。它包含數百萬個像素，其中許多相鄰像素的橘色幾乎完全相同。壓縮演算法利用這種冗餘，但方式截然不同。
無損壓縮找到像素資料中的規律，以更有效率的方式表示——類似將「橘色、橘色、橘色、橘色」替換為「橘色 ×4」。解壓時，每個原始像素都被完整還原。檔案變小了，但沒有資訊被丟棄。PNG 和無損 WebP 都採用這種方式。
有損壓縮更進一步。它分析影像並判斷人類視覺系統最不可能察覺到哪些細節，然後永久捨棄它們。細膩的色彩漸層被簡化，陰影區域的精細紋理被平滑處理。結果是檔案體積大幅縮減——但原始資料已永久消失。JPEG、有損 WebP 和 AVIF 都採用這種方式。
兩種方式都沒有絕對優劣之分。它們解決的是不同的問題，最佳的圖片工作流程通常同時需要兩者。
有損壓縮的實際運作方式
以 JPEG 為代表的有損編碼器採用多步驟流程：
- 色彩空間轉換——影像從 RGB 轉換為 YCbCr，將人眼敏感的亮度資訊與較不敏感的色彩資訊分離。
- 色度次採樣——色彩通道以二分之一或四分之一解析度採樣。人眼對色彩的解析精度遠低於亮度，因此幾乎感覺不到這個變化。
- 區塊變換——影像被分成 8×8 的像素區塊，每個區塊經過數學運算（JPEG 採用 DCT，WebP 和 AVIF 採用基於預測的方法），將重要的視覺資訊與細節紋理分離。
- 量化——這裡才是資料實際被丟棄的步驟。高頻細節（細膩紋理、雜訊）被捨入為零。你在影像工具中調整的「品質」滑桿，控制的正是這個步驟的激進程度。
- 熵編碼——剩餘資料以無損方式進一步壓縮，榨取最後一點冗餘。
結果：一張 5 MB 的相機 RAW 照片，以品質 80 的 JPEG 輸出，通常只有 500 KB–1 MB，在正常觀看尺寸下看不出任何品質差異。這相當於 80% 的壓縮率。
無損壓縮：完整保留每個像素
無損編碼器採取不同的方式。它們不丟棄任何資訊，而是以更有效率的方式描述相同的資料：
- 過濾與預測——對每個像素，編碼器根據相鄰像素預測其值，只儲存差異。在平滑區域，這些差異是很小的數字，壓縮效果極佳。
- 字典編碼——重複出現的圖案只儲存一次，其他位置以短指標引用，類似 ZIP 壓縮的工作方式。
- 熵編碼——頻繁出現的值使用較短的二進位表示，罕見的值使用較長的表示（哈夫曼編碼或算術編碼）。
壓縮效果很大程度上取決於影像內容。一張包含大面積純色的截圖可能被壓縮 70–80%；一張每個區域都有獨特紋理的詳細照片，可能只能壓縮 10–20%。這正是無損壓縮非常適合圖形，卻不適合網頁規模照片傳輸的原因。
實際數字：檔案大小比較
| 起始格式 | 無損輸出 | 有損輸出（品質 80） |
|---|---|---|
| 未壓縮照片（5 MB） | PNG：約 3.5 MB（節省 30%） | JPEG：約 500 KB（節省 90%） |
| 截圖（2 MB） | PNG：約 400 KB（節省 80%） | JPEG：約 200 KB（節省 90%，但文字變模糊） |
| 含透明度的 Logo（500 KB） | PNG：約 80 KB（節省 84%） | 不適用（JPEG 不支援透明度） |
| 將 JPEG 照片（1 MB）重新壓縮 | PNG：約 2.5 MB（反而更大！） | JPEG 80：約 700 KB（節省 30%，但有世代損失） |
注意最後一行。將 JPEG 轉換為 PNG 反而增加了檔案大小，因為無損壓縮無法有效率地表示 JPEG 壓縮已引入的雜訊與偽影。這是個常見誤解——PNG 並不總是更小。
各格式對應的壓縮類型
| 格式 | 有損 | 無損 | 最適合 |
|---|---|---|---|
| JPEG | 是（僅此） | 否 | 照片、主視覺圖 |
| PNG | 否 | 是（僅此） | 截圖、Logo、含文字的圖形 |
| WebP | 是 | 是 | 兩者皆適用——各類網頁圖片 |
| AVIF | 是 | 是 | 兩者皆適用——現代瀏覽器最大壓縮率 |
| GIF | 否 | 是（有限） | 簡單動畫（大多已被 WebP 和 AVIF 取代） |
| TIFF | 可選 | 是 | 封存、印刷工作流程 |
WebP 和 AVIF 最為靈活，因為它們同時支援兩種模式——照片用有損模式大幅壓縮，圖形用無損模式保留清晰邊緣。若不確定要選哪種格式，我們的WebP vs AVIF 比較詳細分析了兩者的取捨。
如何在視覺上辨識壓縮偽影
了解壓縮損失的視覺表現，有助於在品質與大小之間做出更精準的判斷：
- JPEG 區塊偽影——在高對比邊緣（例如白底黑字）附近，可見到 8×8 像素的方塊狀紋路，通常在品質低於 70 時開始明顯。
- WebP 帶狀偽影——在平滑漸層色彩區域，有時可見到不自然的色帶，尤其是天空或背景過渡時。
- 色彩偏移——過度壓縮可能讓飽和色（紅、藍）偏移，在肖像照的膚色上尤為明顯。
最可靠的檢查方式：在 100% 原始尺寸下預覽壓縮結果，而非縮小版。許多在縮圖上看起來沒問題的偽影，在原始尺寸下清晰可見。
實際場景：什麼時候用哪種
選用有損壓縮的情境：
- 照片與自然影像（風景、人像、商品拍攝）
- 網站橫幅和背景圖
- 社群媒體圖片和縮圖
- 任何需要 60–80% 檔案大小縮減，且像素精準度要求不高的影像
大多數網頁照片的最佳品質設定為 75–85。在此範圍內，壓縮後的視覺差異在正常觀看尺寸下幾乎無法察覺，但檔案卻小了 60–80%。你可以透過 Vizua 的JPEG 壓縮器或WebP 壓縮器自行比對前後效果。
選用無損壓縮的情境：
- 含文字的截圖（有損壓縮會讓文字模糊）
- Logo 和品牌識別素材（需要精確的色彩重現）
- 技術圖表和插圖
- 含透明度的影像（PNG 或無損 WebP）
- 日後可能需要再次編輯的封存副本
對於 PNG 檔案，Vizua 的PNG 壓縮器會最佳化編碼並移除後設資料，在不改動任何像素的前提下縮減檔案大小。
常見問題
肉眼能分辨有損壓縮和無損壓縮嗎？
在高品質設定下（JPEG 80 以上、WebP 75 以上），大多數人看不出任何差異。以 SSIM 指標衡量，分數超過 0.95 代表兩張影像在感知上幾乎完全一致。差異只有在過度壓縮（JPEG 低於 60）或放大到 200% 以上仔細審視文字、髮絲等細節時才會顯現。
PNG 一定是無損壓縮嗎？
標準 PNG 始終是無損的——每個像素都被完整保留。不過，部分工具提供「有損 PNG 最佳化」，方式是將色彩調色盤從 1670 萬色（24 位元）縮減至 256 色（8 位元）。這在技術上屬於有損，但對大多數截圖和插圖而言，結果與原圖在視覺上難以區分，卻能削減 70–80% 的檔案大小。
網站圖片應該選用哪種壓縮方式？
照片類影像選有損壓縮（JPEG、有損 WebP、AVIF），含文字、清晰邊緣或透明度的圖形選無損壓縮（PNG、無損 WebP）。關鍵標準是：在實際顯示尺寸下，壓縮後的照片看起來是否與原圖一致——如果是，有損壓縮就是正確選擇。
多次壓縮同一張圖片會讓畫質越來越差嗎？
對有損格式而言，是的。每一輪有損壓縮（儲存、重新開啟、再次儲存）都會引入額外的畫質損失，稱為「世代損失」。這正是攝影師保存 RAW 或 TIFF 原稿的原因——只在最終輸出時才轉成 JPEG 或 WebP。無損格式沒有這個問題，一張 PNG 可以無限次重新壓縮而不造成任何劣化。