壁紙
cheat sheet

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

每種格式適用情境、檔案大小比較與快速決策樹。

作者 Wallpapers.com Editorial · 發佈日期 May 02, 2026 · 更新日期 June 30, 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照片,無 Alpha100%
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
免費分享 — 請連結回 wallpapers.com