现象：图片格式之争，2026 年基本有结论了
2026 年搜图片格式，英文 SERP 前十基本被“AVIF vs WebP”的对比霸屏，Cloudinary、Elementor 这些大厂都在写。吵了几年，结论其实已经清楚：AVIF 压缩率明显更高，兼容性也全线打通了。我这几天的实测数据很直接：几 MB 的动态 GIF 转成 100KB 的动图，一样清晰；几百 KB 的商品图压到几十 KB，肉眼看不出区别；透明背景的图也不用再转 PNG，AVIF 原生支持。这三点踩中了外贸站图片场景的命门。
为什么：性能指标和钱包都在逼你换
第一，浏览器支持已经不再是借口：Chrome、Firefox、Safari 全都原生支持 AVIF，WordPress 从 6.5 开始可以直接上传 AVIF 图片，主流建站链路全通了。第二，Core Web Vitals 里 LCP 是硬指标，而图片往往是页面最大的资源，图片瘦身是最划算的提速手段。第三，动图场景：产品动态展示一直靠 GIF 或 MP4，又大又拖网速，第三方视频客户还不一定愿意打开，AVIF 动图把这三种都替代了，加载快、还自带转化加成。第四，服务器空间和带宽账单：图片压缩一半以上，多站点运营的每个月能省下实打实的钱。
怎么做：转换、上传、替换三步走
转换：本地用图片转换软件，线上用 TinyPNG 这类工具搜“AVIF Converter”直接转，批量也能做。WordPress 站最简单——后台直接上传 AVIF，主题会自动处理。替换优先级：先换产品图、轮播图、动图这些页面最大、最影响 LCP 的资源，再逐步铺开。静态图、动图、透明背景图一套格式全搞定，不用再维护 PNG/GIF 两套。切完之后用 PageSpeed 或 GSC 的 Core Web Vitals 报告对比一下前后 LCP，数据会说话。
坑：兼容性兜底和编码成本
坑主要在三个地方。一是老环境：Win7、老 Mac、某些安卓 WebView 对 AVIF 支持不完整，正经做法是用 picture 标签，AVIF 为主、WebP 或 JPEG 兜底，让浏览器自己选。二是编码成本：AVIF 压缩慢、吃 CPU，服务器实时转换不划算，都是提前转好放 CDN。三是别一刀切：图标、logo 这类小图用 SVG 更省，纯色大图 WebP 也够用，AVIF 用在照片级、细节要求高的图上收益最大。另外 Win10/11 本地查看要装 AV1 Video Extension，Mac 新系统原生支持，别打开图片显示不了就以为格式坏了。
铲子铺观点
2026 年还纠结要不要用 AVIF 就太亏了。新站直接 AVIF 起步、WebP 兜底，老站把产品图批量切一遍，半天工作量，换来的是 LCP 下降、空间省一半、动图替代三方视频。外贸站产品图多、服务器贵、客户网速参差，AVIF 是那种“改了立刻见效”的优化，我试用几天就全站切了，强烈推荐不是标题党。
站长 · 关于本文
Ray Chan