WebP 是什麼?Google 現代圖片格式完整解析
WebP 是 Google 開發的圖片格式,在相同視覺品質下,檔案比 JPEG 小 25–34%。它同時支援有損壓縮、無損壓縮、透明度與動畫——四種功能集於一個格式之中。2026 年,超過 97% 的網頁瀏覽器已支援 WebP,使其成為現代網頁圖片的實際標準。
WebP 的誕生歷史
Google 於 2010 年 9 月 30 日發布 WebP,定位為網頁 JPEG 的現代替代品。這個格式的誕生源自影片編解碼技術:Google 收購了開發 VP8 影片格式的 On2 Technologies 公司。Google 的工程師發現,VP8 原本為壓縮影片畫格設計的技術,同樣能產生體積極小的靜態圖片。
WebP 的早年推廣進展緩慢。Google 幾乎立刻就在 Chrome 中加入了支援,但其他瀏覽器廠商反應冷淡。Mozilla 公開質疑這些畫質提升是否值得再多支援一個格式,Apple 則完全漠視。
真正的轉機是逐步到來的:
- 2012 年——Chrome 完整支援 WebP(有損 + 無損)
- 2014 年——Opera 和 Android 瀏覽器採用 WebP
- 2019 年——Firefox 終於加入支援(65 版,2019 年 1 月)
- 2020 年——Apple 在 iOS 14 和 macOS Big Sur 的 Safari 中加入 WebP 支援
- 2022 年——Internet Explorer 正式退役;所有仍活躍的瀏覽器均支援 WebP
Safari 從 2010 年到 2020 年長達十年的缺席,是 WebP 普及路上最大的障礙。Apple 一旦跟進,這個格式在兩年內便達到了近乎全面的瀏覽器覆蓋率。
WebP 壓縮的運作原理
WebP 提供兩種壓縮模式,各自適合不同類型的影像:
有損模式(適合照片)
有損 WebP 採用基於 VP8 的預測編碼技術——編碼器分析每個像素區塊,根據周圍區塊預測其外觀,然後只儲存差異值。這種技術對於含有平滑漸層與自然紋理的照片特別有效。
結果:根據 Google 自己的比較研究,有損 WebP 在相同視覺品質下,比 JPEG 小 25–34%。實際上,一個 500 KB 的 JPEG,轉成 WebP 後通常只有 330–375 KB,而人眼感知不到任何差異。
無損模式(適合圖形)
無損 WebP 採用了一套不同的技術組合:像素的空間預測、色彩空間轉換、調色盤編碼和熵編碼。輸出結果與輸入在數學上完全相同——沒有任何資料遺失。
無損 WebP 檔案比 PNG 約小 26%。對截圖、Logo、UI 元素,以及任何邊緣清晰、顏色平塗的影像而言,這是在零品質損失的前提下取得的實質節省。
WebP vs JPEG vs PNG 全面比較
| 功能特性 | WebP | JPEG | PNG |
|---|---|---|---|
| 有損壓縮 | 支援(比 JPEG 小 25–34%) | 支援 | 不支援 |
| 無損壓縮 | 支援(比 PNG 小 26%) | 不支援 | 支援 |
| 透明度(Alpha 色版) | 支援 | 不支援 | 支援 |
| 動畫 | 支援 | 不支援 | 不支援 |
| 瀏覽器支援(2026 年) | 97% 以上 | 100% | 100% |
| 最大解析度 | 16,383 × 16,383 | 65,535 × 65,535 | 無限制(實際上) |
| 最適合 | 網頁圖片(所有類型) | 照片、通用分享 | Logo、截圖、圖形 |
實際結論是:WebP 能做到 JPEG 所有的事(而且更小),也能做到 PNG 所有的事(而且更小),還額外支援動畫。唯一的限制是最大解析度 16,383 × 16,383 像素——對網頁用途綽綽有餘,但對超大尺寸的印刷解析度檔案是個限制。
為什麼現代網站選擇 WebP
網頁效能直接影響使用者體驗和搜尋排名。Google 的 Core Web Vitals 指標會獎勵快速載入的頁面,而圖片通常是任何頁面上最重的元素。從 JPEG 切換到 WebP,圖片總負載量約減少三分之一,這意味著更快的最大內容繪製(LCP)分數和更低的頻寬成本。
採用數據反映了這一趨勢。根據 HTTP Archive 資料,WebP 現已是網路上服務最廣泛的圖片格式之一,自 2020 年 Safari 加入支援後,採用率持續穩定增長。WordPress 自 5.8 版起內建 WebP 轉換功能;Cloudflare、Fastly、Akamai 等 CDN 服務提供商也將自動 WebP 轉換作為標準功能提供。
對個人網站擁有者和開發者而言,轉換方式非常直接。你可以在 Vizua 中直接將 JPG 轉換為 WebP 或將 PNG 轉換為 WebP——不需要上傳至任何伺服器,也不需要安裝任何軟體。
不應使用 WebP 的場合
WebP 非常適合網頁傳輸,但並非每個情境的正確選擇:
- 長期封存——TIFF 或 PNG 對長期保存更安全,因為它們是無損格式,且每款影像工具都支援。
- 印刷工作流程——印刷廠預期的是 TIFF 或高品質 JPEG。大多數印刷軟體不接受 WebP。
- 電子郵件附件——JPEG 仍是電子郵件的最安全格式,許多郵件客戶端無法直接顯示 WebP。
- 超過 16,383 像素的影像——WebP 的最大尺寸限制為 16,383 × 16,383。全景或超高解析度影像需要使用 JPEG 或 PNG。
如果你的圖片最終用於網頁,WebP 幾乎肯定是正確的選擇。若最終用於印刷、電子郵件或封存系統,請沿用既有的成熟格式。你也可以同時保留兩個版本:網頁用 WebP,其他用途用 JPEG。
需要反向轉換嗎?Vizua 同樣支援 WebP 轉 JPG 和壓縮 WebP。
WebP 之後:AVIF 的登場
AVIF 是基於 AV1 影片編解碼器的新一代格式,承諾比 WebP 更佳的壓縮效率——在相同品質下,檔案約小 20%。截至 2026 年初,AVIF 的瀏覽器支援率已成長至約 95%。
AVIF 會讓 WebP 過時嗎?目前還不會。AVIF 編碼速度明顯較慢,工具生態系統也尚未成熟。當前效能導向網站的最佳實踐是:優先提供 AVIF(瀏覽器支援時),以 WebP 為備援,JPEG 作為最終備援。這種漸進方式確保每位訪客都能獲取其瀏覽器所能處理的最小檔案。
對大多數網站擁有者而言,從 WebP 開始是最務實的選擇——編碼速度快、支援幾乎全面,且比 JPEG 節省明顯。當你的建置流程和 CDN 都支援 AVIF 時,再升級也為時不晚。詳細比較請參考我們的WebP vs AVIF 深度解析。
常見問題
所有瀏覽器都支援 WebP 嗎?
2026 年,代表全球超過 97% 流量的瀏覽器都已支援 WebP,包括 Chrome、Firefox、Safari、Edge 和 Opera。唯一明顯的例外是 Internet Explorer,微軟已於 2022 年正式終止其支援。就實際使用而言,WebP 幾乎在所有裝置上都能正常顯示。
WebP 比 JPEG 好嗎?
就網頁用途而言,是的。有損 WebP 檔案比同等視覺品質的 JPEG 小 25–34%,且額外支援透明度與動畫——兩者都是 JPEG 做不到的。唯一 JPEG 仍佔優勢的場合,是需要與不支援 WebP 的舊版軟體或硬體相容時。
WebP 比 PNG 好嗎?
就網頁傳輸而言,通常是的。無損 WebP 檔案比 PNG 約小 26%,且額外支援動畫。不過,當需要確保與每一款影像編輯器和作業系統完全相容時,PNG 仍是更安全的選擇。
轉換為 WebP 會造成畫質損失嗎?
視模式而定。有損 WebP 為了縮小檔案而捨棄部分資料,原理類似 JPEG。無損 WebP 則完整保留每個像素。若將 JPEG 轉換為有損 WebP,由於對已壓縮的資料再次壓縮,會產生所謂的「世代損失」。為了最佳效果,建議盡量從未壓縮的原始檔進行轉換。
為什麼有些網站仍然使用 JPEG 而非 WebP?
主要原因是既有系統、CMS 限制以及工作流程的慣性。許多圖片處理流程在數十年前就圍繞 JPEG 建立,將大量現有圖片遷移至 WebP 需要額外的工程成本。對資源有限的網站而言,節省的效益不一定值得投入這些工作。然而,新建立的專案已越來越多地預設採用 WebP。