你有没有听说过 AVIF 图片格式？它是一种新型的图片格式，可以让图片既清晰又占用更少的空间，适合在网站上快速加载。今天，我们一起来了解一下 AVIF，它比我们常见的 JPEG、PNG 和 WebP 更厉害哦！
什么是 AVIF？
AVIF 是一种新一代的图片格式，它的全名是 AV1 Image File Format，由 AOM（开放媒体联盟） 开发。这个格式可以让图片更小，但清晰度更高，适合在手机、电脑、网站上使用。
1. 文件更小，加载更快
AVIF 压缩率非常高，意思是同样清晰的图片，AVIF 的文件大小可以比 JPEG 小一半甚至更多。这样，网站加载会更快，手机存储也能节省空间。
2. 画质更好，不失真
AVIF 支持高动态范围（HDR），这意味着它可以显示更亮的亮部，更深的暗部，颜色更加丰富，比 JPEG 和 WebP 画质更好。
3. 支持透明背景
以前我们用 PNG 才能保存透明背景，而 AVIF 也支持透明背景，但文件更小，适合 Logo、图标等需要透明背景的图片。
4. 可以做动画
AVIF 不仅能存储静态图片，还能做动画，像 GIF 那样动起来，而且比 GIF 和 WebP 占用更少空间，加载更流畅！
AVIF 和其他图片格式的对比
| 图片格式 | 文件大小 | 透明背景 | HDR 画质 | 动画支持 |
|---|---|---|---|---|
| JPEG | 大 | ❌ 不支持 | ❌ 不支持 | ❌ 不支持 |
| PNG | 非常大 | ✅ 支持 | ❌ 不支持 | ❌ 不支持 |
| WebP | 中等 | ✅ 支持 | ❌ 不支持 | ✅ 支持 |
| AVIF | 最小 | ✅ 支持 | ✅ 支持 | ✅ 支持 |
可以看到，AVIF 在文件大小、透明度、画质和动画方面，都比其他格式更优秀！
哪些浏览器支持 AVIF？
目前，大多数现代浏览器都支持 AVIF，但有些旧版浏览器还不行。
支持 AVIF 的浏览器：
Chrome（85+）
Edge（85+）
Firefox（93+）
Opera（71+）
Samsung Internet（17+）
不支持或部分支持的浏览器：
Safari（旧版不支持，iOS 16+ 和 macOS Ventura+ 开始支持）
Internet Explorer（IE）完全不支持
如果你用的是 Safari 旧版本或者 IE，可能无法正常显示 AVIF 图片。
如何把 JPG 转换成 AVIF？
如果你想把 JPG 图片转换成 AVIF，可以试试下面的方法：
在线转换（简单快捷）
Squoosh：https://squoosh.app
CloudConvert：https://cloudconvert.com/jpg-to-avif
使用 Photoshop（需要安装 AVIF 插件）
使用 FFmpeg（适合批量转换）
使用 XnConvert（支持批量转换）
如果你只是偶尔转换几张，Squoosh 在线转换最方便；如果需要批量转换，XnConvert 或 FFmpeg 更适合。
总结
AVIF 是新一代图片格式，文件更小，画质更好，支持透明和动画。
大多数现代浏览器支持 AVIF，但 Safari 旧版和 IE 还不行。
如果你的图片需要更小的体积、更高的质量，AVIF 是个好选择！
未来，AVIF 可能会成为最流行的图片格式，如果你是做网页设计、开发，或者喜欢高质量图片，赶快试试 AVIF 吧！
