WebP 還是 JPEG?該怎麼選

同樣畫質下 WebP 大約比 JPEG 小 25% 到 30%,截圖與插畫類的差距更大,可以到四成以上。這篇整理兩種格式在檔案大小、透明背景、動畫與舊軟體相容性上的實際差異,附風景照、遊戲截圖、插畫等各類圖片的實測比例,並給出什麼情況該選哪一個的判斷依據。

壓圖片的時候大多數工具會問你要輸出什麼格式,而這個選擇對最後的檔案大小影響很大。在 Discord 的情境下,答案通常是 WebP,但有幾種例外值得知道。

兩種格式的核心差異

項目JPEGWebP
問世年份19922010
同品質檔案大小基準小 25% 至 30%
透明背景不支援支援
動畫不支援支援
無失真模式沒有
瀏覽器支援全部全部現行版本
舊軟體相容性幾乎無死角可能開不了

技術上的差別在於 WebP 借用了 VP8 影片編碼的區塊預測技巧,能參考鄰近區塊來推測畫面內容,所以要存的資訊比 JPEG 少。JPEG 的作法則是逐區塊獨立處理,沒有這層預測。

檔案大小的實際差距

差距大小跟圖片內容有關。以下是把不同類型的圖片壓到「肉眼看不出差別」的程度時,兩種格式的大致比例:

圖片類型JPEGWebP節省
手機拍的風景照2.4 MB1.7 MB約 29%
遊戲截圖1.8 MB1.1 MB約 39%
程式碼/文字截圖860 KB460 KB約 47%
插畫、平塗色塊1.2 MB620 KB約 48%
高解析人像特寫3.1 MB2.5 MB約 19%

規律是:畫面越平、邊緣越銳利,WebP 贏越多。截圖、UI、插畫這類內容差距最大;細節雜亂的照片差距最小。

透明背景與動圖

JPEG 完全不支援透明,把 PNG 轉成 JPEG 時透明區域會變成白色或黑色。如果你要傳的是去背素材、貼圖或表情圖,就只能在 PNG 和 WebP 之間選,而 WebP 在同樣有透明的情況下檔案通常小很多。

動圖也一樣。GIF 只有 256 色而且壓縮效率很差,一段 5 秒的動畫動輒好幾 MB。同樣的內容轉成動態 WebP 通常只剩三分之一,轉成 MP4 甚至只剩十分之一。 Discord 對這三種都支援,如果不需要「滑鼠移過去才播」的行為,MP4 是最省的選擇。

什麼情況該選哪個

  • 只在 Discord 裡流通:選 WebP。省下來的空間可以換成更高的品質設定。
  • 對方要拿去二次處理:選 JPEG。舊版繪圖軟體、部分列印服務仍然不吃 WebP。
  • 需要透明背景:選 WebP,不要用 JPEG。
  • 要保留完整細節做存檔:兩個都不適合,原檔另外留一份。
  • 不確定:用 FitSize 的「自動」模式,它會在瀏覽器支援時選 WebP,不支援時退回 JPEG。

品質數值該設多少

固定品質其實不是最好的做法。你真正在意的是「檔案不要超過上限」,而不同圖片達到同一個大小需要的品質差很多。

比較合理的作法是反過來:設定目標大小,讓工具用二分搜尋找出「不超過這個大小的最高品質」。 FitSize 就是這樣運作的,你只要告訴它 20 MB,剩下的它自己算。原檔已經在上限之內時,預設會改用視覺上幾乎無損的設定再壓一次;PNG 截圖轉成 WebP 常常還能再省七八成,肉眼看不出差別。真的不想動到原檔,把「原檔已在上限內時」改成「保留原檔」即可。

常見問題

Discord 顯示得出 WebP 嗎?

可以。網頁版、桌面版和手機 App 都能正常顯示 WebP 縮圖與大圖,動態 WebP 也會動。真正會有問題的是把檔案再轉存到很舊的第三方軟體。

WebP 比 JPEG 小多少?

同樣的視覺品質下,一般照片大約小 25% 到 30%,色塊多、邊緣銳利的截圖差距更大,有時可以到 40%。細節極多的高解析照片差距會縮小。

那我為什麼還需要 JPEG?

相容性。如果對方要把圖丟進舊版 Photoshop、某些遊戲的自訂圖片欄位、或印刷廠的上傳系統,JPEG 幾乎不會出錯。純粹在 Discord 內流通的話沒有理由避開 WebP。

PNG 呢?可以壓縮嗎?

PNG 是無失真格式,能壓的空間有限,而且壓完常常還是超過上限。需要透明背景時建議改用 WebP,它同時支援透明和失真壓縮,檔案通常只有 PNG 的幾分之一。

想直接動手?壓縮工具就在首頁,檔案不會上傳。

開始壓縮