先留原图，再做网页版本

最稳的做法是把 PSD、PNG、TIFF 或相机原图保留下来，另外导出 WebP。这样以后要重新裁切、换尺寸或提高质量，不用拿已经压过一次的文件继续加工。

照片和插画不要一套参数

照片通常可以接受一定有损压缩；线稿、UI、文字截图和透明插画则更容易在边缘看出压缩痕迹。

转换以后别只看“文件小了多少”，还要放到网页实际显示尺寸上看一遍。肉眼已经能看到色块、文字发虚，就压过头了。

浏览器兼容已经不是主要障碍，但仍要看你的受众

现代主流浏览器对 WebP 支持已经很广。如果网站面向特殊旧设备或特殊软件环境，仍应根据自己的访问数据决定是否保留回退格式。

网站里最值得先转的图片

大图 Banner、文章头图、截图和卡片缩略图通常最容易省下体积。很小的图标不一定值得为了几 KB 多做一套流程。

批量转换前先做一张样本

同一套参数对照片、动漫截图和透明插画的效果差别很大。先拿一张有渐变、一张有文字边缘的图片试转，确认视觉结果后再批量处理，能避免整批重新来一次。

图片上有小字、线条或透明背景时，可以按PNG 与 WebP 的实际差别选择导出格式。

从一张样本图判断有没有压过头

先复制原图，保留原始尺寸和透明度。导出一张 WebP 后，在目标网页使用的实际尺寸下比较三处：文字边缘有没有彩边、透明物体周围有没有暗边、渐变天空有没有明显色块。如果有问题，先提高质量或改用无损 WebP，而不是直接对整批图片应用相同参数。

交付前核对文件是否确实为 WebP：只改扩展名不会转换编码。如果你的网站还需要兼容旧软件或特殊环境，可以给浏览器提供 JPEG/PNG 回退；PNG 与 WebP 的区别更适合用来处理透明线稿和插画的取舍。