[图像优化]•6 分钟阅读
压缩图片的正确顺序：先改分辨率，再调质量
1. 顺序决定效果
多数人首先去拉质量滑块，但真正有效的顺序恰恰相反。
若一张4000px宽的照片在网页上仅以800px显示，其余3200px只占用数据而不产生任何可见贡献。宽度缩至五分之一，像素数便降为二十五分之一。任何质量设置都达不到这种量级的节省。
2. 有损压缩与无损压缩
有损压缩不可逆。 对 JPEG 反复保存会累积损失。请保留原图，压缩副本。
3. 格式选择
| 格式 | 适用对象 | 特点 |
|---|---|---|
| JPEG | 照片 | 兼容性最好，不支持透明 |
| PNG | 截图、Logo、图形 | 无损、支持透明，用于照片体积过大 |
| WebP | 大多数网页图像 | 比 JPEG 小 25–35%，支持透明与动画 |
| AVIF | 照片 | 比 WebP 更小，但编码较慢 |
把截图存成 JPEG是常见错误：文字边缘会出现明显杂斑，体积相比 PNG 也未必小多少。
4. 质量值该降到多少
对 JPEG 与 WebP，0.75–0.85 区间是实用的平衡点。
具体取值因图而异，最可靠的办法是按实际显示尺寸目视比较。
5. 压缩与隐私
手机照片附带 EXIF 元数据，其中包含拍摄时间、设备型号，并视设置可能包含 GPS 坐标。直接上传在家中拍摄的照片，可能暴露位置。
通过 canvas 重绘的压缩工具通常会去除 EXIF。但各工具行为不同，重要场合请检查输出文件的属性。
6. 网页性能视角
页面上最大的图片通常就是 LCP 元素，也就是说图片体积直接等于体感加载速度。
loading="lazy"。width 与 height，防止版面偏移（CLS）。7. 工具
EVEDAYS 图像压缩器 在浏览器内完成压缩以及 PNG/JPG/WebP 互转。由于不存在上传步骤，文件不会在传输过程中暴露；但这并不能防范设备上已有的恶意软件。