先看图片的实际用途

网页照片可以先比较 WebP 与 JPEG；需要精确边缘的图表、截图或标志，则比较 PNG 与其他无损方案。WebP 格式支持透明度以及有损、无损压缩，JPEG 不保留 alpha 透明通道。但格式支持不等于具体转换器具备全部导出能力。尝试任何处理前，都保留一份没有修改过的原图。

先调整尺寸，再研究质量参数

同一显示位置只需要 800 像素宽时，通常不必使用 6,000 像素宽的文件。先确定显示尺寸，以及高像素密度屏幕所需的清晰度，再保持长宽比缩放。裁剪改变构图，缩放改变尺寸。商品页需要放大查看时，另外准备大图；不要把小缩略图直接拉大作为商品主图。

按照访问者看到的大小比较

先用适中的质量设置导出，按实际显示大小检查，再比较真实文件体积。重点看文字、头发、细密织物和平滑渐变，这些地方更容易暴露压缩损伤。不同编码器的“质量 80”并不代表相同视觉效果。不要承诺固定压缩比例：原本已经高效的文件可能几乎不变，甚至变大。

检查透明度、方向与动画

透明图案需要能保留 alpha 通道的输出。转成 JPEG 时应主动选择背景色，避免边缘意外变黑。保存后重新打开文件，核对方向和颜色。静态图片转换器可能只保留动画的一帧，导出也可能删除元数据；这些属性重要时，必须保留原件。

建立可以重复执行的发布流程

先确定裁剪，只缩放一次，导出两种候选格式，再选择画质可接受且体积较小的结果。使用有意义的文件名，并编写描述图片用途的替代文本。完成的页面同时在手机和电脑上检查。这是一套编辑建议流程，不是对某个编码器的性能测评；真正有用的指标，是访问者最终收到的效果。

本文由编辑根据下方来源资料整理分析。

developers.google.com · developer.mozilla.org