桌布
cheat sheet

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

每種格式適用於何時,附檔案大小比較及快速決策樹。

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

選擇錯誤的圖片格式是你為網站速度所能犯的最便宜的錯誤。AVIF 在相同可見品質下可比 JPG 小 50% —— 但並非所有情況都值得切換。以下是決策樹。

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

10 秒規則

  • 照片,無透明度 → WebP(若你的受眾僅使用現代瀏覽器,則可選 AVIF)。
  • 照片,需在各處皆可運作 → JPG。
  • 標誌、截圖或圖示 → PNG(或 WebP,以獲得相同無損品質但更小的檔案)。
  • 動畫 → WebP(取代 GIF,檔案小 30-50%)。
  • 向量圖形(標誌、圖示) → 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