图片格式与压缩怎么选
压缩目标不是“文件越小越好”，而是在视觉质量、透明度、动画、浏览器兼容和处理成本之间找到适合当前用途的平衡。
| 格式 | 适合 | 注意 |
|---|---|---|
| JPEG | 照片、复杂渐变、无需透明背景的内容 | 有损压缩；反复保存会累积损伤，文字边缘可能出现噪点。 |
| PNG | 界面截图、图标、带透明背景的锐利图形 | 照片体积通常较大，但无损和透明度表现稳定。 |
| WebP | 网页照片与透明图片的通用交付 | 现代浏览器兼容良好，旧软件工作流可能需要转换。 |
| AVIF | 追求更小网页体积且目标环境较新 | 编码更慢，部分旧系统和编辑器兼容性较弱。 |
| GIF | 简单短动画和老系统兼容 | 颜色数量有限；照片和长动画通常体积大、画质差。 |
先看内容，再调质量
照片可以从 JPEG 或 WebP 的中高质量开始，放大检查人物脸部、细线和文字边缘。界面截图如果包含大量纯色和文字，PNG 往往比低质量 JPEG 更清晰。透明图片转换成 JPEG 前必须决定背景色，否则透明区域可能变黑或变白。
尺寸通常比质量滑块更重要
一张宽 4000 像素的图片如果只在 800 像素容器中显示，先降低像素尺寸通常能显著减少体积，同时比过度降低质量更自然。裁切和缩放应保留原始文件，避免无法恢复。
建议流程复制原图作为备份 → 按实际展示尺寸缩放 → 选择符合透明度和兼容需求的格式 → 从中高质量逐步降低 → 在目标手机和电脑上检查。
九宫格与长图的额外检查
分格切图时要确认平台展示顺序和单格比例；图片拼接时要统一宽度、方向和色彩空间。极长图片可能超过浏览器 Canvas 的尺寸或内存限制，遇到失败时应减少单张尺寸或分批处理。
常见问题
为什么压缩后文件反而变大？
小图、已高度压缩的原图或转换到不适合的格式时可能变大。应比较输出格式、像素尺寸和原文件编码。
能否只看压缩百分比判断画质？
不能。不同图片和编码器对同一质量值反应不同，最终应以目标设备上的视觉检查为准。