WebP 還是 JPEG?該怎麼選
同樣畫質下 WebP 大約比 JPEG 小 25% 到 30%,截圖與插畫類的差距更大,可以到四成以上。這篇整理兩種格式在檔案大小、透明背景、動畫與舊軟體相容性上的實際差異,附風景照、遊戲截圖、插畫等各類圖片的實測比例,並給出什麼情況該選哪一個的判斷依據。
壓圖片的時候大多數工具會問你要輸出什麼格式,而這個選擇對最後的檔案大小影響很大。在 Discord 的情境下,答案通常是 WebP,但有幾種例外值得知道。
兩種格式的核心差異
| 項目 | JPEG | WebP |
|---|---|---|
| 問世年份 | 1992 | 2010 |
| 同品質檔案大小 | 基準 | 小 25% 至 30% |
| 透明背景 | 不支援 | 支援 |
| 動畫 | 不支援 | 支援 |
| 無失真模式 | 沒有 | 有 |
| 瀏覽器支援 | 全部 | 全部現行版本 |
| 舊軟體相容性 | 幾乎無死角 | 可能開不了 |
技術上的差別在於 WebP 借用了 VP8 影片編碼的區塊預測技巧,能參考鄰近區塊來推測畫面內容,所以要存的資訊比 JPEG 少。JPEG 的作法則是逐區塊獨立處理,沒有這層預測。
檔案大小的實際差距
差距大小跟圖片內容有關。以下是把不同類型的圖片壓到「肉眼看不出差別」的程度時,兩種格式的大致比例:
| 圖片類型 | JPEG | WebP | 節省 |
|---|---|---|---|
| 手機拍的風景照 | 2.4 MB | 1.7 MB | 約 29% |
| 遊戲截圖 | 1.8 MB | 1.1 MB | 約 39% |
| 程式碼/文字截圖 | 860 KB | 460 KB | 約 47% |
| 插畫、平塗色塊 | 1.2 MB | 620 KB | 約 48% |
| 高解析人像特寫 | 3.1 MB | 2.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 的幾分之一。
想直接動手?壓縮工具就在首頁,檔案不會上傳。
開始壓縮