壁纸
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。
  • Logo、截图或图标 → PNG(或 WebP,相同无损质量下文件更小)。
  • 动画 → WebP(替代 GIF,体积小 30-50%)。
  • 矢量图(Logo、图标) → 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
免费分享 — 链接回 壁纸.net