你在網站上右鍵點擊圖片，儲存後得到一個 .webp 檔案。你的圖片編輯器無法識別它。你需要上傳的表單拒絕了它。五年前，大多數人幾乎從未遇過這種格式。如今，它無處不在。
WebP 從一個不為人知的 Google 實驗到成為網路主流圖片格式，是一個關於效能經濟學、瀏覽器政治和軟體生態系統緩慢發展的故事。
為什麼 Google 創造了 WebP
2010 年，圖片大約佔一般網頁總大小的 60%。Google 的業務依賴人們快速瀏覽網路，因此有強烈動機讓圖片更小。
WebP 建立在 VP8 影像編解碼器之上——與 WebM 影片背後相同的壓縮技術。Google 的洞察是，經過數十年最佳化的影片壓縮技術，可以被改造用於靜態圖片，以超越老化的 JPEG 標準（可追溯到 1992 年）和較沉重的 PNG 格式。
結果相當顯著：
| 比較 | 檔案大小縮減 |
|---|---|
| WebP vs JPEG（相同品質） | 小 25-35% |
| WebP vs PNG（相同品質） | 小 26% |
| WebP 動畫 vs GIF | 小 60-80% |
一種無所不能的格式 WebP 的特殊之處在於它支援有損壓縮（如 JPEG）、無損壓縮（如 PNG）、透明度/Alpha 通道（如 PNG）和動畫（如 GIF）——全部在單一格式中。之前沒有任何格式結合了這四種能力。
漫長的普及之路
擁有更好的格式還不夠。WebP 的普及故事揭示了瀏覽器政治如何影響網路：
- 2010 ——Google 發布 WebP。只有 Chrome 支援。
- 2011-2014 ——Opera 添加支援。Firefox 和 Safari 拒絕，理由是擔心格式碎片化。
- 2018 ——Firefox 65 在多年抵抗後終於添加 WebP 支援。
- 2020 ——Apple 在 Safari 14 和 iOS 14 中添加 WebP 支援——最後一個主要堡壘。
- 2022 至今 ——隨著全面的瀏覽器支援，普及速度迅速加快。
從創建到全面支援之間的 10 年差距解釋了很多。網站開發者在每個主要瀏覽器都支援之前，無法安全使用 WebP，因為提供不支援的格式意味著圖片破損。允許向不同瀏覽器提供不同格式的 <picture> HTML 元素，是實現逐步普及的橋樑技術。
為什麼現在每個網站都在用它
網站提供 WebP 的動機是壓倒性的：
- Google 的搜尋演算法將頁面速度納入排名因素。Google PageSpeed Insights 明確推薦 WebP。不使用它會降低你的效能分數。
- 頻寬需要花錢。一個大型電子商務網站從 JPEG 切換到 WebP 後，每月在數百萬張圖片上節省數千歐元。
- 使用者體驗改善。一個有 20 張產品圖片的頁面使用 WebP 可節省 2-3 MB。在行動網路上，這是 2 秒和 6 秒頁面載入時間之間的差別。
- CMS 平台自動化。WordPress 從 5.8 版開始自動將圖片轉換為 WebP。Shopify、Squarespace 和大多數現代平台也是如此。
結果是，今天當你從網路儲存圖片時，幾乎總是得到 WebP——即使原始圖片是以 JPEG 上傳的。伺服器偵測到你的瀏覽器支援 WebP，就提供最佳化版本。
瀏覽器之外的相容性問題
WebP 在網路瀏覽器中完美運作，這也是它的設計目的。問題是圖片不會永遠停留在瀏覽器中：
- 辦公軟體 ——較舊版本的 Word、PowerPoint 和 Excel 不支援 WebP
- 圖片編輯器 ——2021 年以前版本的許多編輯器無法開啟 WebP 檔案
- 印刷服務 ——線上印刷服務通常要求 JPEG、PNG 或 TIFF
- 政府和機構表單 ——幾乎都要求 JPEG 或 PNG
- 郵件客戶端 ——WebP 在郵件正文中的呈現在不同客戶端間不一致
這造成了一個令人沮喪的差距：網路提供 WebP，但許多下游用途需要 JPEG 或 PNG。格式轉換的實際需求在短期內不會消失。
| 環境 | 支援 WebP？ |
|---|---|
| 網路瀏覽器（所有現代版本） | 是 |
| Windows 11 / macOS Ventura+ 圖片檢視器 | 是 |
| Microsoft Office（最新版本） | 是 |
| 較舊軟體、印刷服務、表單 | 通常不支援 |
AVIF：下一代格式
WebP 並非故事的終點。AVIF（AV1 Image File Format），由開放媒體聯盟（Google、Apple、Mozilla、Microsoft）開發，承諾更好的結果：
- 在同等品質下比 WebP 小 20%
- 更優秀的細節和漸層處理
- 更好的 HDR 和寬色域支援
- 基於現代 AV1 影像編解碼器
AVIF 瀏覽器支援正在增長（Chrome、Firefox 和 Safari 現在都支援），但普及遵循與 WebP 相同的緩慢模式。AVIF 可能還需要幾年才能取代 WebP 成為網路預設，而當它取代時，將帶來與 WebP 今天造成的相同相容性問題。
循環重複：更好的壓縮、緩慢的瀏覽器普及、最終的無處不在，以及瀏覽器之外長期的相容性問題。
延伸閱讀
當你需要為瀏覽器之外的用途轉換 WebP 圖片時：
- 將 WebP 轉換為 JPG ——即時轉換，在你的瀏覽器中本地處理
- 圖片轉換器 ——在所有主要圖片格式之間轉換
這兩個工具都是免費的，完全在你的裝置上處理檔案。