AVIF是开放媒体联盟开发AV1视频格式的2019分机,成员包括亚马逊、苹果、ARM、脸书、Google、华为、Mozilla、微软、Netflix和IntelAVIF开源免版视频编解码器比JPEG和WebP等老图像编解码器压缩率高得多,与新相仿JPEG-XL格式尚不工作浏览器
AVIF可减缩网页规模并加速下载格式仍然不享有浏览器的普遍支持,并编码AVIF图像代价高昂
AVIF使用通用高效率图像文件HEIF格式AV1比特流子集容器因为AVIF文件都可包含单片或相序片,格式也可以替换动画GIFsAVIF支持高动态范围扩展色空间, 即广色Gamut单色图像多通道多层图像
除了描述AVIF的优缺点外,
支持设备(Chrome、Edge、FireFox等)上查看图片超过30倍,AVIF可省钱最简单方式添加AVIF网站媒体优化自动向相关客户交付AVIF,如果AVIF尚未支持,则为WebP、高效率图像文件(HEIC)、J2K或平面JPEG图像提供最佳服务
显示HTTP归档Web Almanac图像几乎占总页权值的75% 。AVIF可提供相同图像质量小得多,比广受欢迎的JPEG格式和WebP图像约40%节省一半以上的重量慢页加载往往引起阅读器放弃并减少转换,你绝对应服务AVIFs获取更高性能的好处而无质量损失
相同图像(600x600)编码JPEG、WebP和AVIF,聚焦AVIF高压能力照片由Amnon Cohen-Tidhar提供
反之,尽管AV1在过去一年中越来越受欢迎,但尚未赢得Safari支持,Safari依赖OS而非WebKit解码图像.自AVIF解码耗用多CPU和电池后,移动设备需要花点时间跳上AVIF波段
取AVIF高压能力 提供一流用户经验 并保存带宽
AVIF可用下列方法之一实施:
- 搭建
srcset设置HTML中,例如:
- 添加云式自格式
f_aut参数图像URL,例如
- 配置云化媒体优化自动化
记住 AVIF复杂 尚没有高度优化实施AVIF编码图像耗油量可达JPEG的50倍以上,并相应延长生产周期并产生更高的成本此外,HEIF容器头顶约300字节消除小图像上的好处正因如此不应用AVIF图像小于5 000(70x70)像素JPEG、WebP或PNG服务
召回AVIF的好处:加速页面加载、增强用户经验、降低反弹速率,甚至加速SEO排名加新分Google核心We.exceptive,AVIF立体裁剪网站操作费单 光是减少带宽
分析cn.com页面差度值需要5.9秒加载最大内容画高山市源码 :https://developers.google.com/speed)
2-MP图像,如上文下方图像JPEG取用291KBAVIF,只有178千兆字节质量相同,省下113千兆字节(39%)。裁小转换带宽交付带宽存取可支付额外图像编码存储成本
小图像增益较少,你需要更多视图才能平分举个例子 0.5-MP图像 AVIF取67KBJPEG101KB-a34KB差分需要32视图折叠需要90视图小图像(0.1MP)恢复成本
质量差异相同文件大小:AVIF对JPEG
重想一下,AVIF在此提供许多服务
- AVIF开源免费并有行业领先者支持并允诺接受并未来增强
- 与30年JPEG相比,AVIF图像规模平均减少50%,节省带宽,加速加载,提供优秀用户经验并赢得网站高SEO分数
- 视其最小视图计数,AVIF可降低网站运营成本
- AVIF产生高质量并支持HDR和WCG等高级特征
网站内有图片 绝对试AVIF
