图片压缩质量平衡:WebP 格式兼容性差?自动降级 JPEG + 智能画质调整,体积减半!
上个月产品经理跑过来说,用户反馈有些手机上商品图不显示,全是裂图。我第一反应是 CDN 挂了,查了一圈没问题。后来发现是运营上传了一批 WebP 格式的图片,而部分老款 Android 机和 iOS 14 以下的 Safari 根本不支持 WebP。图片存了,用户看不见,等于没存。 WebP 确实是好东西——同样画质下体积只有 JPEG 的 60% 左右,做图片多的业务能省下一大笔带宽。但兼容性这个坑,处理不好就是事故。 今天聊聊怎么既能吃到 WebP 的红利,又不让老用户看到一屏裂图。 WebP 为什么好,又为什么烦 先看一组实测数据。同一张 1920×1080 的照片: 原始 PNG: 2.1MB JPEG 85%: 420KB WebP 85%: 260KB ← 比 JPEG 小 38% AVIF 85%: 180KB ← 更小,但兼容性更差 同样的视觉效果,WebP 能省将近一半的带宽。如果你的业务每天有 100 万次图片请求,平均每张 300KB,换成 WebP 后每张 180KB,一天能省 120GB 的流量。 但问题在哪?Can I Use 上 WebP 的支持率大约....