什么是AVIF?如何在你的⽹站上使⽤AV1格式图像
什么是AVIF,它如何⼯作?
AVIF是从开放媒体联盟(AOM)开发的如今流⾏的视频格式AV1的关键帧中提取的。
AOM开发AVIF的⽬的是提供免版税的图像,与现有的图像格式相⽐,具有更好的压缩效率和更多的功能⽀持。
AVIF现在有来⾃Google,Netflix和Apple等⼤公司的⽀持者。
为什么AVIF更好?
在它的前辈(WebP、JPEG-XR、JPEG2000 和PNG、GIF)之后,AVIF兼容⾼动态范围成像。它⽀持全分辨率的10位和12位颜⾊,所⽣成的图像⽐其他已知格式⼩10倍。
AVIF对于Web开发⼈员是⼀个不错的选择,因为:
它是免版税的,所以你可以免费使⽤,不⽤担⼼授权问题。
⽬前,它得到了许多⼤型技术公司的⽀持,例如Google,Amazon,Netflix,Microsoft等。
它具有最佳压缩率。
它具有更多的现代功能,如透明度,HDR,宽⾊域等等。
如何开始使⽤AVIF图像
现在,我们进⼊本教程的有趣部分。开始使⽤AVIF图像的主要⽅法有两种:
1. ⼀种是将旧图像转换为AVIF。
1. 另⼀种⽅法是使⽤⽀持AVIF的图像编辑器创建AVIF图像。
如何将旧图像转换为AVIF
由于AVIF仍处于起步阶段,因此以AVIF格式创建图像的最简单⽅法是转换旧格式。
这可以简单地在线完成,因为有许多在线AVIF图像转换器。AVIF online converter是我的选择,因为它更简单,并且似乎是可⽤最快的在线转换器。
最漂亮的av
只需按照以下步骤将图像转换为AVIF:
1. 访问AVIF online converter。
2. 上传你的旧图⽚(可以是PNG,JPEG,GIF等)。
3. 等待⽹站处理转换。
4. 保存新的AVIF⽂件。
如何使⽤⽀持AVIF的图像编辑器创建AVIF图像
图像编辑器增加了对AVIF图像创建的⽀持。这些编辑器现在完全⽀持AVIF图像:
Microsoft Paint –从“19H1”更新开始,你现在可以在Microsoft Paint上以“另存为” AVIF格式绘制图像。
⽤于Windows和Linux的GIMP从2.10.22更新开始就提供了AVIF⽀持。
Photoshop开发⼈员也在讨论如何⽀持AVIF,希望这将很快得到⽀持。
如何在你的⽹站上使⽤AVIF
AVIF仍然是⼀种相对较新的技术。但现在⼤多数现代浏览器都⽀持这种格式,这意味着你可以直接在 <img> 标签中使⽤它。只是要记住,并不是所有的浏览器都完全⽀持该格式。
使⽤AVIF的最好⽅法是通过内容协商,我们将使⽤⽀持内容协商的html 5 <picture> 和 <source>。
哪些浏览器⽀持AVIF
第⼀个完全⽀持AVIF的浏览器是Chrome 85。
Microsoft Windows 10还在“19H1”更新中添加了⽀持。
Mozilla仍在努⼒⽀持Firefox中的图像格式。
最后
AVIF是⼀个游戏规则的改变者,很快就会成为世界上真正的图像格式。由于它的潜在功能,它很可能很快就会在所有平台上获得全⾯⽀持。与⾕歌的WebP图像不同,苹果花了整整10年的时间来⽀持,AVIF很快就引起了苹果的兴趣,以⾄于他们现在为这个项⽬做出了贡献。
你准备好在⽹站上开始使⽤AVIF了吗?