diff --git a/src/content/posts/try-to-use-avif.md b/src/content/posts/try-to-use-avif.md new file mode 100644 index 0000000..21e916a --- /dev/null +++ b/src/content/posts/try-to-use-avif.md @@ -0,0 +1,39 @@ +--- +title: 把博客的图片格式迁移到AVIF +published: 2025-11-25 +description: cloudflare在中国大陆的访问速度太慢了,我看到cloudflare的官网上有这个付费模块,就来尝尝鲜。 +tags: + - webP + - AVIF +category: blog +draft: false +series: blog +lang: zh_CN +--- + +# 从webP转换到AVIF +我的博客之前一直都是使用`webP图片格式的,但是因为最近我换了图床,看到有一种图片格式叫做`AVIF`的图片格式,就顺便转换了。 + +## AVIF和webP有什么区别 +对我来说,最重要的就是压缩率和兼容性和。 + +| | AVIF | webP | +| --- | ---------- | ------------------- | +| 压缩率 | 80%左右 | 50%左右 | +| 兼容性 | 现代浏览器基本都支持 | 比AVIF兼容性更好,兼容更老的浏览器 | +可以看到AVIF的压缩率更好,我的200多KB的jpg图片转换成AVIF后才40KB左右。 + +# 最差实践 +不要把较小的webP图片转换成AVIF!要不然就会想我这样,11KB的webP转换成AVIF后要14KB这就是反向优化! + +# 效果 +这是一个火狐浏览器的图标(PNG格式,298.59KB) + +![](https://img.mckero.com/try-to-use-avif/Firefox-icon-png.png) + +这是转换成AVIF后的大小,15.74KB + +![](https://img.mckero.com/try-to-use-avif/Firefox-icon-avif.avif) + +# 结语 +如果你的博客的读者大部分都是现代浏览器,你可以将你的博客的图片格式转换成AVIF,但是如果你的博客的读者大部分都不使用现代的浏览器,你可能得使用webP。 \ No newline at end of file