图片格式为什么又成了提速的关键
做独立站的人对 LCP（最大内容绘制）都不陌生，而拖慢 LCP 的头号嫌疑犯往往就是大图。产品图、场景图一多，页面体积就失控，手机端尤其明显。近两年浏览器和 CDN 对新一代图片格式的支持基本铺开，谷歌搜索也早就把 AVIF 纳入展现系统，图片格式从能用就行变成了一个现成的提速杠杆。对产品大图多的 B2B 站，选对格式等于不花一分广告费就把加载体验拉起来。
为什么 AVIF 比 WebP 更值得关注
AVIF 基于 AV1 视频编码，核心优势是压缩效率：在相同观感质量下，它通常比 WebP 再小两三成，比老 JPEG 最多能小一半。它支持高色深、HDR、透明通道，动画体积也比 GIF 小得多，画质还更好。到 2026 年，主流浏览器对 AVIF 的支持已经爬到九成以上，Chrome、Firefox、Safari 都能正常渲染。换句话说，当年 WebP 那种必须配 fallback 的尴尬期基本过去了，AVIF 从尝鲜变成了可用选项。
这两种格式到底该怎么用
务实的打法是 WebP 兜底、AVIF 渐进增强。绝大多数站点继续把 WebP 当默认格式最稳，编码快、工具链成熟、兼容性接近全覆盖；对占体积大头的首屏大图、产品主图，再用 AVIF 进一步压。技术实现上用 HTML 的 picture 标签，让浏览器自己先试 AVIF、不支持就回退 WebP，不必手动判断。如果你的图床或 CDN 支持格式协商，直接交给它自动处理更省心。老图片不用急着换，新图片按这个优先级走就行。
选格式最容易踩的坑
第一个坑是盲目全站切 AVIF，忽略它编码明显更慢、部分老版本浏览器和个别移动端还不支持，没配 fallback 就可能出现破图。第二个坑是只盯压缩率，忘了 AVIF 在纯图形、带文字的图上未必比 WebP 强，扁平图形 WebP 有时反而更划算。第三个坑是拿 JPEG 当默认还觉得通用，在网页场景它已经被 WebP 全面超越。还有个新变量：JPEG XL 和焕新的 PNG 标准都在动，别押注单一格式，保持主格式加兜底的弹性最稳。
铲子铺观点：对工厂站来说，这是现成的提速杠杆
我的态度很明确：图片格式不是炫技，是实打实的体验和数据指标。对产品图多、老板又不想在服务器和广告上多花钱的工厂站，把 WebP 当底、AVIF 用在关键大图上，是性价比极高的一刀。别听风就是雨全切新格式，也别守着 JPEG 不动，2026 年的正确姿势是让浏览器自己挑，你只把主格式加兜底的管道铺好，剩下的交给 picture 标签和 CDN。
站长 · 关于本文
Ray Chan