图片压得越小越好？先分清尺寸、编码与实际加载
压缩前先分清三件事
很多人一说图片优化就只调一个“压缩率”，结果要么画质糊了，要么文件还是很大。动手前先分清三个不同的动作：缩小像素尺寸、调整编码质量、为不同屏幕提供合适的资源。把一张大图用样式显示成小缩略图，不代表浏览器只下载小文件；把文件扩展名从 .jpg 改成 .webp，也不等于真的转换了编码。这三件事混在一起，再高的压缩参数也救不了加载速度。
正确顺序是：先定显示尺寸，再选编码与质量，最后核对浏览器实际下载了什么。顺序反了，容易在错误的方向上反复试参数。
先留母版，再按用途生成版本
第一步永远是保留一份高质量母版，所有发布用的图片都从母版生成，不要对上一份有损输出反复压缩。已经受损的 JPEG 再另存为 PNG，不能恢复早先丢失的细节，只会让文件更大。
不同用途值得比较的格式不一样：产品或场景照片可以比较 AVIF、WebP 与 JPEG，看纹理、渐变和细节保留；文字截图、线条和技术图要重点检查边缘与小字，优先考虑 PNG 或无损 WebP，并在真实手机尺寸下确认文字能读清；真正的矢量 Logo 或简图直接用 SVG，不要把矢量转成位图再压缩。压缩百分比和编码器的 quality 参数不是视觉质量本身，不同工具的“75”也不代表相同质量，只能靠同一张图的实际对比决定。更完整的方法说明可以看这篇 SEO 图片压缩：格式选择、画质对比与加载核验，它把尺寸、编码与核验步骤放在了一起。
用三组核对代替“压到最小”
发布前不要只看字节数变小了多少，逐项核对：
- 显示核对：在目标设备和实际显示尺寸下看一遍，产品关键细节、截图小字、透明边缘在实际背景上是否正常。
- 下载核对：打开浏览器开发者工具，看实际传输的文件、大小和格式，确认没有“显示小图、下载大图”的浪费，也没有 srcset 写了却没生效。
- 业务核对：需要客户放大查看的细节（比如接口尺寸标注、材质纹理），不能为了字节数压到无法辨认；装饰图可以激进，证据图必须保守。
另外注意：没有任何一种格式对所有图片都最好，也不存在“转成 WebP 必提升多少排名”的公式。图片优化的目标是让读者更快看到清楚的内容，而不是凑一个压缩数字。把“母版—用途—三组核对”固定成发布流程，图片问题会少很多。