AVIF(AV1图像文件格式)是由开放媒体联盟开发并于2019年发布的现代图像格式。它将AV1视频编解码器的 压缩算法——高效视频流媒体背后的同一技术——应用于静态图像。结果是在同等或更好的视觉质量下, 文件大小比JPEG、PNG甚至WebP显著更小。截至2026年,AVIF受到所有主流浏览器的支持, 已成为网络图像优化的重要选择。
AVIF如何压缩图像
AVIF使用AV1编解码器的帧内压缩,比旧方法复杂得多:
- 更大的变换块:AV1一次分析最多128×128像素区域(JPEG使用8×8)。 更大的块捕获更多空间模式,实现对平滑渐变和大面积均匀区域的更好预测。
- 高级预测模式:50多种方向预测模式,从相邻块推断像素, 与JPEG简单的仅DCT方法相比更为优越。
- 环路滤波器和后处理:编解码器级别的环内去块和受限方向增强滤波器 减少压缩伪像。
- 感知质量优化:AVIF编码器可以针对感知质量指标(SSIM、VMAF)而非 原始比特数,在相同文件大小下生成更好看的图像。
AVIF支持有损和无损压缩、Alpha通道(透明度)、HDR(高动态范围)、广色域和动画序列。
AVIF vs WebP vs JPEG — 文件大小比较
视觉质量相当时代表性图像的大致文件大小:
- 照片(同等质量):AVIF ≈ 300 KB | WebP ≈ 400 KB | JPEG ≈ 550 KB | PNG ≈ 2 MB
- 带透明度的标志:AVIF(无损)≈ 22 KB | WebP(无损)≈ 30 KB | PNG ≈ 45 KB
- 短动画(3秒):动画AVIF ≈ 200 KB | 动画WebP ≈ 300 KB | GIF ≈ 2 MB
这些是近似值——实际节省取决于图像内容。AVIF的优势在具有复杂渐变的照片上最大。 简单的纯色图形差异较小。
AVIF浏览器支持
截至2026年,AVIF拥有广泛的浏览器支持:
- 完全支持:Chrome 85+、Firefox 93+、Safari 16+、Edge 121+、 Opera 71+、Chrome Android、Safari iOS 16+
- 不支持:Internet Explorer(已不再相关)、部分旧版Android WebView、 Office应用程序
- 部分/缓慢解码:旧设备可能显示AVIF但解码缓慢;关键路径图像应保留回退方案
Safari在版本16(2022年末)中添加了AVIF支持。截至2026年,Safari 16+占活跃Safari使用量的 绝大多数,使AVIF在大多数网络项目中可以安全使用。
AVIF vs WebP — 应该使用哪个?
两者对于网络使用都优于JPEG。主要区别:
- 文件大小:在同等质量下,AVIF通常比WebP小20~30%。 对于带宽受限的用户,这很重要。
- 编码速度:AVIF编码比WebP慢——在高质量设置下有时明显慢得多。 对于即时图像CDN,这是一个重要问题。
- 浏览器兼容性:WebP支持范围稍广(Chrome 32+、Safari 14+)。 AVIF需要Chrome 85+和Safari 16+。2026年对大多数网站而言,两者都可以安全使用。
- 工具支持:WebP拥有更好的工具覆盖率——更多图像编辑器、CDN和构建管道 原生支持WebP。AVIF支持正在改善,但尚不普遍。
建议:在最大压缩重要且编码时间可接受时使用AVIF(静态资源、预构建图像)。 当编码速度或更广兼容性是优先级时使用WebP。
何时使用AVIF
- 网站主图和产品照片:AVIF出色的压缩减少了LCP(最大内容绘制)时间, 直接提升Core Web Vitals分数。
- Next.js和现代框架:Next.js的
next/image在浏览器支持时 自动提供AVIF(在next.config.js中配置formats: ['image/avif', 'image/webp'])。 - 电商产品图片:大型目录从更小的文件大小中获益最多——每张图片更少的字节 在数千个产品中积累起来。
- HDR和广色域内容:AVIF原生支持10位和12位色深,是唯一能很好处理HDR 摄影的常见网络格式。
何时不使用AVIF
- 电子邮件:电子邮件客户端不渲染AVIF。电子邮件图像使用JPG或PNG。
- Office文档:Word、PowerPoint和Excel不支持插入AVIF。使用PNG或JPG。
- 社交媒体上传:Instagram、Twitter/X、Facebook和LinkedIn在内部将 上传的图像转换为JPEG。直接上传JPG以避免双重压缩。
- 图像编辑工作流程:不要将AVIF用作工作文件格式。将原件保存为TIFF或PSD, 仅为最终网络交付导出为AVIF。
- 性能敏感的即时生成:AVIF编码是CPU密集型的。如果您在请求时在服务器端 生成图像,WebP或JPG可能更实用。
如何将图像转换为AVIF
您可以在浏览器中免费将任何图像转换为AVIF:
所有转换在浏览器中运行——不上传到服务器。
如何从AVIF转换
如果您收到了AVIF文件并需要更兼容的格式:
AVIF使用什么文件扩展名?
AVIF文件使用.avif扩展名和MIME类型image/avif。 它们不能重命名为.jpg或.png——文件格式不同, 重命名只会损坏文件。您需要实际进行转换。
AVIF vs JPEG XL — 有什么区别?
JPEG XL(JXL)是与AVIF竞争的另一种下一代格式。JPEG XL提供对现有JPEG的无损重压缩 (对归档有用)、比AVIF更快的编码以及相当的压缩比。然而,Chrome在2022年删除了JPEG XL 支持,浏览器采用率仍然有限。截至2026年,AVIF在网络部署方面的浏览器支持远好于JPEG XL。