🖼️ 線上圖片工具

圖片格式指南

← 返回首頁

WebP 是什麼?

WebP 是 Google 在 2010 年推出的圖片格式,目標只有一個:在畫質差不多的前提下,把檔案壓得更小。它同時支援兩種壓縮方式——類似 JPG 的「失真壓縮」(檔案小但會捨棄少量細節),以及類似 PNG 的「無失真壓縮」(完全不損失畫質)。除此之外,WebP 也支援透明背景(Alpha 通道)和動畫,等於一次想解決 JPG 和 PNG 各自的短板。

經過多年發展,目前主流瀏覽器(Chrome、Edge、Firefox、Safari)都已支援 WebP,手機 App、電商網站、CDN 服務也普遍採用。你可以把它理解成「新一代的通用圖片格式」。

WebP 和 JPG 差在哪裡?

  • 壓縮效率:同樣的畫質水準下,WebP 的失真壓縮通常能把檔案壓得比 JPG 更小。實際差距依圖片內容而異,一般照片大約能再省兩到三成的容量。
  • 透明背景:JPG 不支援透明,需要透明的圖存成 JPG 會出現白色(或黑色)底。WebP 支援透明。
  • 相容性:JPG 是幾十年的老規格,任何裝置、任何軟體都吃得下。WebP 較新,極少數舊系統或特定軟體可能不支援。
  • 無失真選項:JPG 只有失真壓縮;WebP 兩種都有。

簡單說:如果你的目的是「讓照片檔案更小」,WebP 幾乎是 JPG 的升級版;如果你要把圖交給很舊的系統或不確定對方能不能讀 WebP,JPG 仍是最保險的選擇。

WebP 和 PNG 差在哪裡?

  • 檔案大小:兩者都能無失真保存,但 WebP 的無失真壓縮通常比 PNG 小。若是接受失真壓縮,WebP 的檔案更可以小上許多。
  • 適用內容:PNG 擅長儲存文字、截圖、線稿、色塊多的圖片,壓縮後邊緣銳利不失真;WebP 同樣能處理這些內容,且檔案通常更小。
  • 相容性:PNG 同樣是老資格格式,幾乎無所不在。需要最大相容性時,PNG 比 WebP 保險。

什麼時候該用哪種格式?

  • 網站、部落格、電商商品圖:選 WebP。檔案小代表載入快,對訪客體驗和流量都友善。
  • 要傳給別人、不確定對方軟體:選 JPG。相容性最好,一般照片畫質足夠。
  • 需要透明背景(Logo、去背圖):優先 WebP;若接收方不支援,再退回 PNG。
  • 螢幕截圖、文字多的圖:選 PNG 或 WebP 無失真,避免 JPG 壓縮在文字邊緣產生雜點。
  • 要再編輯的原始素材:保留最高品質的原始檔(PNG 或高品質 JPG),不要用低品質的中間檔反覆轉存。

常見疑問

WebP 畫質一定比 JPG 好嗎?

不一定。畫質取決於壓縮時設定的品質參數,而不是格式本身。同樣品質等級下 WebP 檔案較小;但如果把 WebP 品質調得很低,照樣會糊。想控制畫質與大小的平衡,建議從 70~80 的品質開始測試。

把 JPG 轉成 WebP 會更小嗎?

通常會,尤其是品質設定較高的 JPG。本站的壓縮圖片工具可以直接把圖轉存成 WebP,你可以在壓縮結果裡直接比較前後檔案大小,再決定要不要採用。

手機可以看 WebP 嗎?

近年的 iOS 與 Android 系統瀏覽器都支援 WebP,在網頁上直接顯示沒有問題。只有部分舊款裝置或特定 App 內建檢視器可能不支援,這也是 WebP 尚未完全取代 JPG 的主因。

延伸閱讀