图片换成 WebP 并给老浏览器留兜底

用 picture 元素同时给 WebP 和原格式，浏览器会自己挑第一个能解码的 source，不支持就自动回退。

img 的 src 放 jpg 兜底，带 image/webp 的 source 写在最前面。

批量转换用 cwebp 或构建插件，质量 75 到 80 肉眼基本看不出差别，体积大约能降三成。

<picture>
  <source srcset="a.webp" type="image/webp">
  <img src="a.jpg" alt="">
</picture>
# 单张转换
cwebp -q 78 a.jpg -o a.webp