把博客的图片格式迁移到AVIF
304 字
2 分钟
把博客的图片格式迁移到AVIF
- 1把博客的图片格式迁移到AVIF本文
从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)
![]()
这是转换成AVIF后的大小,15.74KB
![]()
不仔细看,看不出什么区别来。
结语
如果你的博客的读者大部分都是现代浏览器,你可以将你的博客的图片格式转换成AVIF,但是如果你的博客的读者大部分都不使用现代的浏览器,你可能得使用webP。
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
把博客的图片格式迁移到AVIF
https://blog.mckero.com/posts/try-to-use-avif/相关文章智能推荐
1
我的博客被挂了三天马,而我毫不知情
安全一次完整的应急响应记录:从抓包里发现 131 个鬼请求,到解密出一条针对 Windows 用户的剪贴板木马,再到审计日志里揪出泄露的 API Token。附全部排查过程和教训。
2
Win10 任务管理器点“详细信息”秒退的排查与修复
问题排查Win10 任务管理器简略模式正常,一点“详细信息”就闪退。最终定位到注册表 Run 启动项中 Claude Desktop 的数据格式错误,修正后恢复。本文记录排查过程、sfc/DISM 修复,以及下载假冒 taskmgr.exe 木马的安全教训。
3
从github迁移到gitea
博客因为 GitHub 汉化脚本失效、国内访问困难,我把仓库迁到了自部署的 Gitea。本文记录迁移原因、部署过程、镜像配置与初步体验,也聊聊为什么没选 GitLab 和国内平台。
4
招商银行的万事网联卡
debit card招商银行万事达借记卡(普卡 / 金葵花卡)使用体验与权益整理:纯人民币结算、境内走万事网联可绑微信支付宝、支持 3DS、预授权冻结 100%。
5
用cloudflare Images做图片自转换
cloudflare这篇文章记录了博客图片方案的三次迭代:从依赖第三方 GitHub 镜像源的不稳定,到迁移至 Cloudflare R2 并手动转换 AVIF/WebP,再到最终利用 Cloudflare Images 实现图片自动格式转换、缩放与 CDN 长期缓存。同时分享了一段配合 Astro 的 rehype 插件代码,可在部署时自动为图片 URL 生成响应式 srcset 与最优格式,省去本地预处理步骤。
随机文章随机推荐

