AVIF 图片格式：完整入门指南
什么是 AVIF，为什么重要，以及如何开始使用它来大幅减小图片文件大小。
什么是 AVIF？
AVIF（AV1 Image File Format）是基于 AV1 视频编解码器的新一代图片格式，由开放媒体联盟开发（成员包括 Google、Netflix、Amazon、Apple 和 Microsoft）。在同等视觉质量下，它比 JPEG 小 40–50%，远优于 WebP 的 25–35% 压缩率。
AVIF 支持有损和无损压缩、HDR、广色域、Alpha 透明度，甚至动画。它是目前 Web 使用中最高效的图片格式。
AVIF vs JPEG vs WebP：压缩对比
实际测试：一张 4000×3000 的风景照片，质量 80：
| 格式 | 文件大小 | 相比 JPEG 节省 | 编码速度 |
|---|---|---|---|
| JPEG (q80) | 2.4 MB | — | Instant |
| WebP (q80) | 1.6 MB | −33% | ~100ms |
| AVIF (q80) | 1.1 MB | −54% | ~800ms |
AVIF 实现了最小的文件体积，但编码时间更长。这使其非常适合预处理图片（构建时、批量转换、CMS 上传），而非实时动态转换。
2025 年 AVIF 浏览器支持
AVIF 已获得所有主要现代浏览器的支持：
- Chrome: Full support since v85 (2020)
- Firefox: Full support since v93 (2021)
- Safari: Full support since v16 (2022)
- Edge: Full support since v121 (2024)
- Opera: Full support since v71 (2020)
全球覆盖率现已达到 92%+。对于其余浏览器，使用 <picture> 元素并提供 WebP 和 JPEG 回退。
如何使用 AVIF 并设置回退
将 AVIF 作为主要格式，WebP 和 JPEG 作为渐进式回退：
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Description" width="1200" height="800" loading="lazy">
</picture>浏览器按顺序评估每个 <source> 并选择其支持的第一个格式。这保证每位访客都能看到图片 — 且是其浏览器能处理的最佳格式。
何时使用 AVIF vs WebP
选择 AVIF 的场景：
- 你想要最小的文件体积
- 图片在构建时或上传时预处理
- 带宽成本是主要关注点（移动用户）
- 优化主图和大型摄影图片
- 你的受众使用现代浏览器
选择 WebP 的场景：
- 你需要快速编码用于实时转换
- 最大浏览器兼容性至关重要
- 你的 CDN 执行动态图片转换
- 你需要动画图片（WebP 支持动画）
- 大规模提供电商产品图片
AVIF 与 SEO
Google 明确推荐使用 AVIF 等现代图片格式作为 Core Web Vitals 优化的一部分。更小的图片文件带来更快的 Largest Contentful Paint (LCP)，这是直接排名因素。将主图从 JPEG 切换到 AVIF 的网站通常在移动连接上可获得 1–2 秒的 LCP 改善。
此外，更快的页面带来更低的跳出率和更高的参与度 — 这些间接信号进一步有利于 SEO 表现。
免费转换图片为 AVIF
BulkPicConv 让你直接在浏览器中将图片转换为 AVIF — 无需上传、无需注册、无水印。拖入图片，选择 AVIF 输出格式，秒速下载优化文件。