cheat sheet
圖片格式速查表 — 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。
- Favicon 產生器 — 從單一來源產生所有瀏覽器尺寸。
- 社群媒體尺寸調整工具 — 每個平台的精確尺寸。
- 批次處理 — 一次對最多 200 張圖片套用任何工具。
瀏覽完整工具目錄。