如何壓縮圖片而不損失畫質:技術與最佳實踐
壓縮可能大幅、少量或幾乎完全不節省空間,取決於來源、格式、編碼器與設定。實用目標不是承諾比例,而是仍適合用途的最小輸出。以下按格式說明找出該點的方法。
「不損失畫質」的真正含義
無損壓縮更有效率地表示像素資料,使解碼器恢復相同像素值;中繼資料和檔案結構仍可能改變。有損壓縮捨棄影像資訊以進一步縮小,改變是否可接受取決於內容和用途。
「不損失品質」常表示在特定觀看情境中,有損改變不構成問題。SSIM 等指標可協助比較,但單一分數不能證明每個人都認為影像無法區分。文字、人臉、漸層、重複儲存、螢幕密度與縮放會顯示不同缺陷。
JPEG:找出適合來源的品質點
JPEG 廣泛用於照片傳遞。許多編碼器提供名目品質尺度,但端點、預設值、色度取樣、量化表與最佳化行為不同。即使數值 100,通常仍是 JPEG 編碼而非「不壓縮」。請比較輸出,不要把數字解讀為來源品質百分比。
建議設定:
- 品質 80–85 — 主視覺、作品集與商品照片的保守起點。檢查細緻紋理、文字與邊緣。
- 品質 75–80 — 需要較小檔案時,內容影像和縮圖的常見起點。以實際顯示大小比較。
- 品質 60–70 — 小型預覽或附件較積極的起點,缺陷可能是可接受的取捨。
相同名目設定下,不同編碼器仍可能產生不同大小與缺陷。使用 Vizua 的 JPEG 壓縮工具建立候選檔,再把紋理、文字、漸層、邊緣、色彩與大小和最佳來源比較。
PNG:預設無損,也可選擇有損
標準 PNG 壓縮對解碼像素無損,但中繼資料或輔助區塊仍可能改變。它適合截圖、標誌、圖示及具有銳利邊緣或透明度的圖形。節省幅度高度取決於來源;已最佳化的 PNG 可能幾乎無法縮小。
調色盤量化可將全彩 PNG 轉成最多 256 個調色盤項目的索引影像。即使結果看來可接受,這仍是有損操作。平面插圖和部分截圖可能適用,但需檢查漸層、反鋸齒與半透明邊緣。
Vizua 的 PNG 壓縮工具會無損重新編碼點陣像素。瀏覽器解碼可能移除或更改中繼資料、色彩設定檔、輔助區塊或完全透明下隱藏的 RGB 值;未檢查流程前,不要稱這些欄位「不必要」。
WebP:有損、無損、透明與動畫
WebP 支援有損與無損壓縮、透明與動畫。WebP 輸出可能小於 JPEG 或 PNG 來源,但只有控制尺寸、可見品質、中繼資料、編碼器投入和來源歷史時,比較才有意義。
建議設定:
- 有損品質 75–80 — 照片的起點,不代表等同特定 JPEG 設定。請比較輸出。
- 無損模式 — 適合需要保留解碼像素的圖形、標誌與截圖,不保證勝過已最佳化 PNG。
WebP 可在目前主要瀏覽器使用,但受眾也可能包含舊瀏覽器、內嵌 WebView、郵件用戶端或支援不同的製作軟體。請查看分析與傳遞需求。Vizua 的 WebP 壓縮工具對既有 WebP 提供可調有損品質,沒有無損模式開關。
AVIF:現代工作流程的最高壓縮率
AVIF 基於 AV1 影像編碼,支援 HDR、廣色域與透明等功能。它在部分來源和設定下可能勝過 JPEG 或 WebP,但固定節省率不適用每張影像或編碼器。
編碼可能需要更多運算,目前瀏覽器之外的相容性也不一致。若 Web 管線能測試並提供備用格式,AVIF 可作為候選。直接分享則選擇收件者可開啟的格式。
你可以在相容瀏覽器以 Vizua 建立 AVIF 候選檔。所選檔案在瀏覽器處理,不會傳送至我們的影像處理伺服器;必要程式碼和網站服務仍可能使用網路,而提供的編碼器設定檔也未必涵蓋所有 AVIF 功能。
快速參考:各格式最佳設定
| 格式 | 起始控制 | 預期節省 | 候選用途 |
|---|---|---|---|
| JPEG | 75-85 | 取決於來源與設定 | 照片、商品圖、主視覺橫幅 |
| PNG(無損) | 最大壓縮 | 取決於來源;可能很小 | 截圖、Logo、含文字圖形 |
| PNG(8 位元) | 256 色 | 對合適圖形通常很可觀 | 插圖、簡單圖形 |
| WebP(有損) | 75-80 | 取決於來源與設定 | 經視覺檢查的照片與圖形 |
| AVIF | 60-75 | 取決於來源與設定 | 經測試的現代傳遞管線,必要時有備用格式 |
進一步節省空間的實用技巧
- 最終壓縮前產生響應式尺寸。 相機原圖通常對小區塊過大,但高密度螢幕與較寬斷點可能需要較大候選。使用
srcset和適合版面的尺寸組合,不要只用固定寬度。 - 檢查中繼資料。 EXIF、IPTC、縮圖與色彩設定檔會增加位元組並可能洩漏資訊。保留流程需要的欄位,移除敏感或不必要欄位。
- 依工作選擇格式。 JPEG 或 WebP 常適合照片;PNG 適合許多銳利邊緣圖形。傳遞路徑支援時測試 AVIF。
- 工具支援時使用批次處理。 保留原檔並檢查代表性輸出,再把同一設定套用整個集合。
- 比較前後。 以實際顯示大小和更高縮放檢查、測試重要螢幕並保留原檔。「足夠好」取決於目的和受眾。
常見問題
「無損壓縮」實際代表什麼?
無損影像壓縮以更有效率的方式表示像素資料,使解碼後恢復相同像素值。工具仍可能移除或更改中繼資料、設定檔、輔助區塊或檔案位元組,因此「無損」不表示整個檔案逐位元相同。PNG 和無損 WebP 支援像素無損編碼。
網站 JPEG 最佳品質設定是多少?
沒有通用數值,因為編碼器使用不同品質尺度,每張影像反應也不同。對許多 Web 照片而言,75–85 左右是實用起點:匯出代表影像,以預定顯示大小和更高縮放檢查,再調整。請保留原檔,不要反覆重新壓縮 JPEG。
WebP 壓縮比 JPEG 更好嗎?
部分照片在可比的可見品質下,WebP 可能比 JPEG 小,但結果取決於編碼器、設定與影像。WebP 也支援透明與動畫。請檢查自己流量使用的瀏覽器,必要時提供備用格式。
應該把所有影像都轉成 AVIF 嗎?
不應自動如此。AVIF 可能高效,但編碼成本、解碼器支援、軟體相容性、來源類型和世代損失都重要。它適合能產生並測試變體、且可提供 WebP 或 JPEG 備用格式的 Web 管線。直接交換時,使用收件者軟體支援的格式。