🎉 我的小破站今天正式解锁了一项超酷炫的新技能——支持AVIF图片格式啦！

是不是感觉网站速度嗖嗖的？图片加载咻咻的？🍦 嘿嘿，那很可能就是AVIF小可爱在幕后悄悄发力啦！

先来认识两位选手！

    WebP： 谷歌家的明星选手，出道多年，江湖地位稳固！它比JPEG体积小，还支持透明（像PNG一样），是很多网站提速的”秘密武器”。

    AVIF： 新生代顶流，基于超强的AV1视频编码，压缩能力逆天！画质细腻，还支持HDR、广色域这些高端玩法，妥妥的”未来之星”！

📊 PK 开始！体积压缩谁更狠？

我用一张自己大疆无人机拍摄的图片做了测试，结果惊呆了：

AVIF 胜出！在相同甚至更好画质下，AVIF比WebP还能再瘦身！这意味着网页加载更快，流量更省，用户体验更丝滑！

兼容性谁更友好？

• WebP： 出道早，兼容性更好，几乎覆盖所有现代浏览器（包括老版本）。

• AVIF： 作为新秀，还在普及中。Chrome、Firefox、Edge 等主流浏览器支持良好，但一些老版本（比如Safari 15以下）可能需要备胎方案。

WebP 扳回一局！ 但AVIF的兼容性正在快速改善，未来可期！🚀

编码速度谁更快？

• WebP： 编码速度快，对CPU压力小。

• AVIF： 编码更复杂，需要更强的算力，耗时比WebP长一些。

WebP 胜出！ 但如果你追求极致画质和压缩率，AVIF的等待是值得的！而且很多图片可以预处理，不影响用户体验。

那么问题来了：谁才是赢家？

小孩子才做选择，我全都要！ 😎

之前博客站点一直用的是JPEG/PNG，没有使用过webp。现在打算跳过webp，直接选择优化最佳的AVIF！考虑到兼容性问题，使用降级保守方法——两者结合！同时提供AVIF和WebP，让浏览器自动选择最优解！优雅降级，完美兼容！

🛠️ 我是怎么实现的？

wordpress的优势就体现了——有后台，社区活跃，直接安装一个compressx插件即可实现自动转换原来媒体库中的图片到AVIF/WebP，并且支持自动选择最优解，保持兼容性。

当然，这个前提是你的服务器已经支持了AVIF。1panel本身构建GD库时并没有支持AVIF，需要按照这个博客的教程进行修改才支持：https://www.krjojo.com/9203.html（我的1Panel踩坑记👇）

 行动起来吧！

如果你有扒B站图片的习惯（bush，就会发现B站的图片早就已经实装AVIF了！无论是选择AVIF还是WebP，都比老旧的JPEG/PNG强太多！赶紧给你的博客也换上，让加载速度飞！🚀

你的网站用的是什么图片格式？ 欢迎留言分享你的体验和心得！ 😘

P.P.S. 偷偷告诉你，AVIF对动画的支持也超强（比GIF体积小太多！）