PNG、JPG、WebP、AVIF 橫評——2026 年圖片格式怎麼選
網路上圖片用得最多的就四種格式，95% 場景靠它們覆蓋。選錯了：檔案大一倍、丟透明、目標平台還可能拒收。這篇直接講決策點，給真實數據，不繞概念——「什麼時候用哪個」一次說清。
轉檔走 paste-to-download.com/zh-TW/compress——瀏覽器本地，不上傳，四種格式都支援。
四種格式一覽
| 格式 | 壓縮方式 | 透明 | 動畫 | HDR | 普及年份 |
|---|---|---|---|---|---|
| JPG | 有損 | 無 | 無 | 無 | 1992 |
| PNG | 無損 | 有（alpha） | 無（APNG 罕用） | 無 | 1996 |
| WebP | 雙模式 | 有 | 有 | 無 | 2010（Google） |
| AVIF | 雙模式 | 有 | 有 | 有（10/12 bit） | 2019（AOM） |
JPG/PNG 設計於 1 MB 圖都罕見的年代。WebP/AVIF 是現代格式，目標就是更激進的壓縮 + 看不出畫質損失。
檔案大小——真實數據
一張 1600 × 1000 的商品照（相機直出、中性背景、普通對比度）：
| 格式 | 大小 | 對比 PNG |
|---|---|---|
| PNG（無損） | 2,140 KB | 100% |
| JPG（畫質 90） | 612 KB | 29% |
| JPG（畫質 80） | 318 KB | 15% |
| WebP（畫質 90） | 410 KB | 19% |
| WebP（畫質 80） | 184 KB | 9% |
| AVIF（畫質 80） | 132 KB | 6% |
畫質 80 時，AVIF 比 JPG 檔案小 2.4 倍且畫質幾乎無差。WebP 比 JPG 小 1.7 倍。PNG 留給真要無損的場景。
帶文字的截圖（細節少、平面多）：
| 格式 | 大小 | 對比 PNG |
|---|---|---|
| PNG（無損） | 720 KB | 100% |
| 色盤 PNG（256 色） | 168 KB | 23% |
| JPG（畫質 90） | 380 KB | 53% |
| WebP（無損） | 312 KB | 43% |
| WebP（畫質 95） | 84 KB | 12% |
| AVIF（畫質 95） | 62 KB | 9% |
截圖場景下 WebP 和 AVIF 都海放 JPG。PNG 只有檔案需要在多個編輯器之間往返不掉畫質時才贏。
2026 年瀏覽器和平台支援
| 格式 | Chrome | Safari | Firefox | 郵件 | CMS 上傳 | 社群 |
|---|---|---|---|---|---|---|
| JPG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| PNG | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
| WebP | ✅ | ✅（14+） | ✅ | ⚠️（Outlook 2013- 失敗） | ✅（主流） | ✅（多數） |
| AVIF | ✅ | ✅（16+） | ✅ | ❌ | ⚠️（部分接受） | ⚠️（X 行，IG 不行） |
實用結論：2026 年 WebP 在 web 普遍安全。AVIF web 也安全但郵件和部分 CMS 還有風險。JPG/PNG 是最低公約數的保底選擇。
同檔案大小下的畫質比較
限制檔案大小到 100 KB 時：
- JPG：文字上看得見方塊狀失真，漸變上輕微色帶
- WebP：漸變平滑、文字邊緣更銳利，偶有細節略軟
- AVIF：全面最優，尤其色彩和漸變過渡
色彩重的圖（夕陽、漸變、商品照）差距最大。灰階或低對比圖三種格式在 100 KB 下差別不大。
決策樹——10 秒選定格式
照片
- web（大眾觀眾） → WebP 畫質 80
- web（前沿，只看現代瀏覽器） → AVIF 畫質 75
- 郵件或需要保底 → JPG 畫質 85
- 印刷 / 歸檔 → JPG 畫質 95 或 PNG
帶文字的截圖
- web → WebP 畫質 90
- 郵件或保底 → PNG（或 JPG 畫質 95）
- 儲存 / 歸檔 → PNG
Logo 和平面圖形
- 要透明 → PNG（或更小的 WebP）
- 不要透明、顏色數少 → 色盤 PNG
- 會跟照片合在 web 上 → 帶 alpha 的 WebP
動畫
- 現代 web → WebP 或 AVIF（動畫版）
- 郵件 / 保底 → GIF（仍是唯一通用動畫格式）
幾個值得知道的眉角
JPG 和色彩描述檔。帶 Adobe RGB、ProPhoto 等嵌入描述檔的 JPG，在不識別描述檔的平台上顏色會跑得離譜。準備發社群媒體的圖先轉 sRGB。
WebP 動畫 vs GIF。動畫 WebP 同畫質下比 GIF 小約 30%，但支援面窄。要做一個到處都能放的 meme，GIF 還是贏。
iOS 上的 AVIF。Safari 自 iOS 16 原生支援 AVIF。如果你的受眾是企業（舊 iPad 還在 iOS 15），先測試再切換。
無損 WebP vs PNG。無損 WebP 一般比 PNG 小 20–30%。工具鏈支援就用無損 WebP 存截圖和圖形。
怎麼轉
打開 paste-to-download.com/zh-TW/compress。拖入圖片。頂部格式選擇器讓你選目標格式和畫質。所有運算在你瀏覽器裡——圖片不離開本機。
要把一資料夾 PNG 截圖批次轉 WebP？拖資料夾進來，選 WebP-80，「打包下載 .zip」。幾秒搞定。
兩句話答案
2026 年多數 web 場景：WebP 畫質 80。比 JPG 小約 50% 且畫質無差異，支援透明，到處都能用。
要 AVIF 就接受丟掉 Outlook 和幾個舊 CMS。JPG/PNG 留給目標方明確要求的場景。轉檔走 paste-to-download.com/zh-TW/compress 幾秒搞定。