cheat sheet
图片格式速查表 — JPG vs PNG vs WebP vs AVIF
各格式适用场景、文件大小对比及快速决策树。
选错图片格式是影响网站速度最廉价错误。相同视觉质量下,AVIF 可比 JPG 小 50% — 但并非总是值得切换。以下是决策树。
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 倍 — 切勿用于照片)
使用我们的免费工具转换任意图片:
如需批量压缩整个图片库,请使用我们的 批量处理 模式,一次性转换数百张图片。
试试我们的免费工具
这些指南大多配有可立即使用的实操工具 — 首次使用无需注册:
- 图片缩放器 — 像素级精确缩小与放大。
- 转换为 WebP — 文件比 JPG 小 30-50%。
- 背景移除器 — 一键抠图,生成透明 PNG。
- Favicon 生成器 — 从单一源生成所有浏览器尺寸。
- 社交媒体尺寸调整器 — 各平台精确尺寸。
- 批量处理 — 对最多 200 张图片应用任意工具。
浏览完整工具目录。