对比
AVIF vs JPEG
AVIF 是用于优化网页图片的较新选择，也可支持透明度。JPEG 则是兼容性广的有损照片格式。应根据实测效果和受众环境来选择。
应该选择哪种格式？
网页图片若需减少传输体积，可测试 AVIF，并确认浏览器和 CMS 支持情况。优先考虑广泛兼容性时选 JPEG；也可按需同时提供两种格式。保留原始图片。
适用于 AVIF
网页图像交付 · 优化照片 · 透明网页图像
- 平衡质量与传输大小
- 已确认支持 AVIF 的交付环境
适用于 JPEG
照片 · 网页图像
- 需要以较小文件分享的照片
- 色彩丰富的图像
基本信息
| 项目 | AVIF | JPEG |
|---|---|---|
| 扩展名 | .avif | .jpg, .jpeg |
| MIME 类型 | image/avif | image/jpeg |
| 常见用途 | 网页图像交付 · 优化照片 · 透明网页图像 | 照片 · 网页图像 |
| 打开方式 | 兼容的网页浏览器可在页面中显示 AVIF。对于本地文件，请确认查看器或编辑器支持 AVIF。 | 大多数系统查看器、网页浏览器和图像编辑软件都能打开 JPEG 文件。 |
| 导出或转换 | 将 JPEG 或 PNG 转换为 AVIF 时，请保留源图像并检查质量设置和透明度。转换到其他格式时，输出格式不支持的功能或元数据可能无法保留。 | 将 JPEG 导出为 PNG 或 WebP 无法恢复压缩时已丢失的信息。请保留用于编辑的原始文件，并使用导出功能而不是只改扩展名。 |
按用途选择
平衡质量与传输大小
网页图像交付 · 优化照片 · 透明网页图像
AVIF已确认支持 AVIF 的交付环境
网页图像交付 · 优化照片 · 透明网页图像
AVIF需要以较小文件分享的照片
照片 · 网页图像
JPEG色彩丰富的图像
照片 · 网页图像
JPEG关键点 1
AVIF 可采用有损或无损编码，并支持透明度等功能，但需确认处理工具和分发环境。
进一步了解差异关键点 2
JPEG 作为有损照片格式，受到大量软件和服务支持。
进一步了解差异进一步了解差异
按预期显示尺寸和画质比较同一批源图，检查编码成本、输出大小、视觉瑕疵和分发支持，不要假定某种格式总是更优。
- 目标环境支持时，AVIF 可用于优化网页图片分发。
- JPEG 仍适合一般照片交换，并与多种工具保持较好兼容。
- 两者的结果都受编码器、设置和图像内容影响。
- 使用实际交付设置，以可接受的视觉质量比较代表性图片。测试目标浏览器，保留原图，并在需要时提供备用格式。
常见问题
应该把所有 JPEG 图片都换成 AVIF 吗？
不应一概而论。请测试代表性图片和完整分发链路；若部分客户端或工具需要，可保留回退格式。
AVIF 一定比 JPEG 更小且更好看吗？
不一定。请用实际图像和设置比较，结果取决于内容与编码方式。