JPEG 壓縮如何運作
JPEG 把影像分成 8×8 像素的區塊,並對每個區塊套用離散餘弦變換(DCT)。DCT 把像素值轉換為頻率分量——本質上以一個區塊包含多少低頻(平滑)和高頻(細節)資訊來描述它。量化步驟隨後把高頻分量捨入,有損的部分就發生在這裡。捨入的程度就是品質滑桿所控制的。
固定的 8×8 區塊大小是 JPEG 的主要侷限。壓縮決策無法顧及跨越更大區域的模式,當施加激進壓縮時,區塊邊界會作為失真變得可見(低品質 JPEG 那種典型的塊狀外觀)。
WebP 壓縮如何運作
WebP 的有損模式基於 VP8,一種為網頁影片開發的影片編解碼器。它使用巨集區塊預測模型:在編碼每個區域之前,編碼器根據周圍已編碼的區域預測那些像素看起來如何,然後只編碼差值(殘差)。如果預測準確,殘差就小且能高效壓縮。
VP8 還使用更大的區塊大小——最大 16×16 像素——這讓它能更高效地建模更大的平滑區域並減少邊界失真。結果是在相同檔案大小下品質更好,尤其在天空、膚色和失焦背景這樣的平滑漸層區域。
WebP 還對最終壓縮位元流套用了一種比 JPEG 的霍夫曼編碼更高效的熵編碼(算術編碼)。這與預測模型無關,貢獻了額外的大小節省。
實際的大小差異
對照片和複雜影像,WebP 在同等感知品質下通常比 JPEG 小 25–35%。對某些內容類型——尤其是有大片平滑區域的影像——差別可達 40% 或更多。對微距攝影或多顆粒影像這類非常細緻、有雜訊的內容,優勢會收窄。
WebP 還支援無損壓縮(用於像素精確的輸出)和 Alpha 透明(用於有透明區域的影像)。對內容複雜多樣的影像,無損 WebP 往往比 PNG 小,儘管 PNG 在非常簡單的平塗色圖形上能勝出。
WebP 還是 JPG:快速決定
WebP 在每個現代瀏覽器中都能用——約佔全球使用的 97%——所以對網頁本身它很少是錯誤的選擇。例外大多在網頁之外,那裡較舊或專門的軟體仍期望 JPEG。
| 情境 | 用 | 原因 |
|---|---|---|
| 網站和應用影像 | WebP | 小 25–35%,約 97% 的瀏覽器支援 |
| 郵件行銷 | JPG | 大多數郵件用戶端不算繪 WebP |
| 印刷交付 | JPG 或 TIFF | WebP 是僅限網頁的格式 |
| 圖庫站和市集 | JPG 或 PNG | 許多仍要求舊格式 |
| 最大壓縮 | AVIF | 比 WebP 小約 30–50% |
WebP 何時不是正確選擇
儘管有技術優勢,WebP 仍有真實的侷限:
- 郵件用戶端: 大多數主流郵件用戶端——Apple Mail、Outlook、Gmail 桌面版——不支援 WebP。如果一張影像需要出現在郵件 HTML 中,請用 JPEG 或 PNG。郵件中的 WebP 會對相當一部分收件人顯示為損壞影像。
- 一些原生應用和 SDK: 如果影像將被行動應用、API 回應或第三方整合消費,使用前先驗證 WebP 支援。函式庫和 SDK 可能沒有 WebP 解碼器。
- 較舊的 CMS 外掛和影像編輯器: 某些較舊版本的 WordPress 外掛、Photoshop、Lightroom 和 Figma 對 WebP 支援有限或沒有。檢查你的工具鏈。
- 印刷流程: 印刷服務供應商通常期望 JPEG、TIFF 或 PDF。WebP 是網頁格式,不適合印刷交付。
- 最大壓縮優先: 如果檔案大小是壓倒性的關切,且編碼速度不是約束,AVIF 在同等品質下通常比 WebP 高出 30–50%。
WebP 對比 AVIF:知道何時更進一步
AVIF 更新,對大多數內容類型實現比 WebP 更好的壓縮。如果你在 2026 年為現代受眾建構一個新專案,帶 WebP 後備的 AVIF(使用
把 JPEG 轉換為 WebP
PhotoTools 在你的瀏覽器中把 JPEG 和 PNG 檔案轉換為 WebP,不向伺服器上傳任何東西。放入你的影像,選擇 WebP 作為輸出格式,並用品質滑桿找到大小與品質的正確平衡。對大多數照片,WebP 的品質 78–82 產生在正常檢視尺寸下與來源 JPEG 視覺上無法區分、卻明顯更小的輸出。
請在顯示尺寸而非 100% 縮放下比較轉換後的檔案。放大到單個像素時看起來顯著的差別,在網頁上實際算繪的寬度下往往不可見。