图片太大怎么压？先看用途，再决定怎么压

图片压缩没有一个永远正确的参数。头像、商品图、摄影作品和网页背景，对画质和体积的要求都不一样。

网页图片压缩，先走这四步

先确认页面实际显示宽度，再导出接近需求的尺寸；按用途选择照片、透明图或截图的输出格式；用两档质量分别导出；最后在手机和桌面实际展示尺寸下对照清晰度与体积。

有损和无损不是“好坏”关系

无损尽量保留原始信息，有损则用可接受的画质变化换更小体积。网页图片很多时候会选择后者。

隐私图片不要随便上传

在线压缩很方便，但身份证件、合同截图、私人照片等敏感内容，更适合使用本地处理工具。

压缩前先保留原图

尤其是照片、商品素材和设计交付文件，建议保留一份未压缩源文件。网页需要的是交付版本，不应该拿交付版本反过来当长期素材库。

用页面里的实际观感决定保留哪一张

重点看小字、渐变和边缘锯齿；同一张图片可以生成不同质量的两个版本。如果肉眼差异很小，再选择体积较小的文件。WebP 的格式特性和适用边界可以单独查看格式说明。

用一张真实图片做压缩对照

假设网页里的展示区域只有 800 CSS 像素宽，而源图宽度为 4000 像素。先根据目标设备的显示密度确定合适的输出尺寸，不要只缩小文件质量却仍保留远超需要的像素。下面是可以重复的操作顺序：

1. 复制一份原图，保留未处理文件。
2. 确定网页实际展示尺寸和是否需要透明背景。
3. 为照片试用合适的有损格式，为线条、文字截图或透明图单独比较编码效果。
4. 导出两种质量档，在实际页面尺寸下看文字、边缘和肤色，再比较文件体积。
5. 检查浏览器是否正常显示，并确认移动端不会加载远大于实际显示需求的图片。

这里不提供通用的“压到多少 KB 就合格”标准，因为背景图、头像和商品主图的可接受损失不同。需要理解 WebP 与其他格式的取舍，可读 WebP 的适用范围。