WebP 是什麼?與 JPG、PNG 的差別和轉換時機

WebP 是 Google 在 2010 年推出的圖片格式,設計目標是在同樣的視覺品質下產生更小的檔案。目前所有主流瀏覽器都已支援,包含 Chrome、Firefox、Edge、Safari 與各家手機瀏覽器。

三種格式的差異

項目JPGPNGWebP
壓縮方式失真無失真兩者皆可
透明背景不支援支援支援
動畫不支援不支援支援
檔案大小中等大最小
適合場景照片去背圖、螢幕截圖幾乎所有網頁用途

簡單來說,WebP 同時具備 JPG 的高壓縮率與 PNG 的透明支援,在網頁用途上幾乎沒有理由不用。

能省多少?

實際比例取決於圖片內容,一般而言:

對網站來說,圖片通常佔總傳輸量的大宗,換成 WebP 往往是最快見效的效能優化。

什麼時候該轉成 WebP

建議轉換:

不建議轉換:

轉換時的注意事項

失真轉換無法還原

從 JPG 轉成 WebP 時,如果選擇失真模式,畫質損失是不可逆的。務必保留原始檔,不要用轉換後的檔案覆蓋原檔。

不要重複壓縮

對已經壓縮過的圖片再壓一次,畫質會持續劣化但檔案不會小多少。永遠從原始檔轉換。

EXIF 資訊會遺失

轉檔通常會移除 EXIF,包含拍攝參數與 GPS 位置。對隱私而言這是好事,但如果你需要保留拍攝資訊,記得先另外備份。

怎麼轉換

可以直接使用線上 PNG/JPG 轉 WebP 工具,在瀏覽器中完成轉換,檔案不會上傳到任何伺服器。若只是想讓圖片變小而不換格式,也可以用圖片壓縮工具。

延伸閱讀