圖像格式速查表 — JPG vs PNG vs WebP vs AVIF
每種格式適用情境、檔案大小比較與快速決策樹。
選錯圖像格式是網站速度最便宜的錯誤。AVIF 在相同可見品質下可比 JPG 小 50% — 但並非每次更換都值得。以下是決策樹。
10 秒決策法則
- 照片,無透明度 → WebP(若受眾僅使用現代瀏覽器,可選 AVIF)。
- 照片,需支援所有瀏覽器 → JPG。
- 標誌、截圖或圖示 → PNG(或 WebP,以相同無損品質獲得更小檔案)。
- 動畫 → WebP(取代 GIF,檔案小 30-50%)。
- 向量圖形(標誌、圖示) → SVG(不在本列表中 — 能用 SVG 就用 SVG)。
完整比較
| 格式 | 最佳用途 | 壓縮損失 | 透明度支援 | 動畫支援 | 瀏覽器支援 |
|---|---|---|---|---|---|
| JPG | 照片,無 Alpha | 是 | 否 | 否 | 100% |
| PNG | 清晰圖形 | 否 | 是 | 否 | 100% |
| WebP | 照片 + 圖形 | 皆可 | 是 | 是 | 97%(2026) |
| AVIF | 最高壓縮率 | 皆可 | 是 | 是 | 92%(2026) |
真實檔案大小比較
相同 1920×1080 照片,相同可見品質:
- JPG(品質 80)— 340 KB
- WebP(品質 80)— 210 KB(小 38%)
- AVIF(品質 60)— 165 KB(小 51%)
- PNG(無損)— 2.4 MB(大 7 倍 — 照片絕不使用)
使用我們的免費工具轉換任何圖像:
若需密集壓縮整個圖像庫,請使用我們的 批量處理 模式,一次轉換上百張圖片。
試用免費工具
大多數指南皆搭配可立即使用的實用工具 — 第一次使用無需註冊:
- 圖像縮放器 — 精確像素縮放與放大。
- 轉換為 WebP — 檔案比 JPG 小 30-50%。
- 背景移除器 — 一鍵裁切,透明 PNG。
- 圖示生成器 — 從單一來源生成所有瀏覽器尺寸。
- 社群媒體縮放器 — 精確符合各平台尺寸。
- 批量處理 — 一次套用任何工具至最多 200 張圖片。
瀏覽 完整工具目錄。