304 字
2 分钟
把博客的图片格式迁移到AVIF
2025-11-25
加载中...

从webP转换到AVIF#

我的博客之前一直都是使用webP图片格式的,但是因为最近我换了图床,看到有一种图片格式叫做AVIF的图片格式,就顺便转换了。

AVIF和webP有什么区别#

对我来说,最重要的就是压缩率和兼容性和。

AVIFwebP
压缩率80%左右50%左右
兼容性现代浏览器基本都支持比AVIF兼容性更好,兼容更老的浏览器
可以看到AVIF的压缩率更好,我的200多KB的jpg图片转换成AVIF后才40KB左右。

最差实践#

不要把较小的webP图片转换成AVIF!要不然就会想我这样,11KB的webP转换成AVIF后要14KB这就是反向优化!

效果#

这是一个火狐浏览器的图标(PNG格式,298.59KB)

这是转换成AVIF后的大小,15.74KB

不仔细看,看不出什么区别来。

结语#

如果你的博客的读者大部分都是现代浏览器,你可以将你的博客的图片格式转换成AVIF,但是如果你的博客的读者大部分都不使用现代的浏览器,你可能得使用webP。

把博客的图片格式迁移到AVIF
https://blog.mckero.com/posts/try-to-use-avif/
作者
MC_Kero
发布于
2025-11-25
许可协议
CC BY-NC-SA 4.0