桌布
cheat sheet

圖片格式速查表 — JPG vs PNG vs WebP vs AVIF

各格式適用時機,附檔案大小比較與快速決策樹。

作者 Wallpapers.com Editorial · 發佈日期 May 02, 2026 · 更新日期 July 29, 2026

選錯圖片格式是拖慢網站速度最常見的錯誤。在相同視覺品質下,AVIF 可比 JPG 小 50% — 但並非所有情況都值得切換。以下是決策樹。

圖片格式速查表 — JPG vs PNG vs WebP vs AVIF

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 倍 — 切勿用於照片)

使用我們的免費工具轉換任何圖片:

若要密集壓縮整個圖片庫,請使用我們的批次處理模式,一次轉換數百張圖片。

試用我們的免費工具

這些指南大多搭配可立即使用的實用工具 — 首次使用無需註冊:

瀏覽完整工具目錄

分享此指南:
Image Format Cheat Sheet — JPG vs PNG vs WebP vs AVIF infographic
免費分享 — 請連結回 桌布.com