图片压缩 vs 格式转换的区别

两者的本质定义

图片压缩是指在保持原有图片格式不变的前提下，通过减少数据量来缩小文件体积。例如，将一张 500 KB 的 JPG 压缩为 180 KB 的 JPG，格式未变，只是质量参数降低了。

格式转换是指将图片从一种格式改变为另一种格式。例如，将 JPG 转换为 WebP，或将 PNG 转换为 JPG。转换后的文件使用不同的编码算法，文件扩展名也会改变。转换过程中通常也会涉及压缩，但核心操作是改变格式本身。

有损压缩 vs 无损压缩

理解压缩类型是做出正确选择的基础：

• **有损压缩（Lossy）：**通过丢弃部分图像细节来换取更小的文件体积。JPG 是最典型的有损格式。压缩率越高，损失的细节越多，画质下降越明显。重要：对已压缩的 JPG 再次压缩会造成「画质代际损耗」，每次重新保存画质都会进一步下降。
• **无损压缩（Lossless）：**在不丢失任何像素信息的前提下缩小文件体积，解压后与原图完全一致。PNG 和 GIF 使用无损压缩。WebP 同时支持有损和无损两种模式。无损压缩的体积节省幅度通常远小于有损压缩。

什么时候只需要压缩？

以下场景通常只需压缩，无需更换格式：

• JPG 文件体积过大（如相机直出超过 5 MB），但格式已经适合使用场景（如社交媒体分享）。
• PNG 图标或 Logo 需要减小体积，但必须保留透明通道，不能换为 JPG。
• 目标平台有格式限制，只接受特定格式。
• 简单优化现有资源，不想变更整个工作流。

什么时候需要格式转换？

以下场景格式转换带来的收益远超单纯压缩：

• 将 JPG/PNG 转为 WebP，用于网站加速（同等画质下体积减少 25–35%）。
• 将带透明背景的 PNG 转为 WebP（WebP 支持透明，体积更小）。
• 将 GIF 动图转为 WebP 动图或 MP4 视频（大幅减小体积）。
• 将位图转为 SVG（适用于简单图形和图标，实现无损缩放）。
• 将 TIFF/BMP 等专业格式转为 JPG/PNG/WebP，用于 Web 发布。

两者结合：最佳实践

实际工作中，压缩和转换往往同时发生，且这是最优做法。例如：

1. 相机拍摄 RAW 文件 → 导出为 JPG（格式转换 + 有损压缩）
2. JPG → 压缩至合适质量（纯压缩，quality 约 82）
3. 压缩后的 JPG → 转换为 WebP（格式转换，进一步减小约 30%）
4. 在 HTML 中提供 WebP + JPG 双格式回退（最终部署）

这个流程结合了两种操作的优势，是大多数 Web 项目的推荐路径。

画质权衡：如何判断压缩过度？

压缩过度的常见视觉症状：

• JPG：出现块状伪影（马赛克感），尤其在色彩过渡区域和文字边缘明显。
• PNG：颜色条带化（Banding），渐变区域出现明显色阶。
• 通用原则：quality 80–85 对 JPG 和 WebP 而言通常是安全的平衡点；低于 60 时视觉损失会变得明显。

推荐使用「以肉眼判断」+ SSIM（结构相似度）指标结合的方式评估压缩质量。

常用工具推荐

• **纯压缩（JPG/PNG）：**TinyPNG、Squoosh、imagemin-cli
• **格式转换：**本站图片转换工具、cwebp 命令行、FFmpeg（视频/GIF 相关）
• **压缩 + 转换一体：**Squoosh（支持格式选择 + 质量调节），构建流水线 imagemin 插件

总结

压缩减小体积但保留格式；转换改变格式通常也带来更好的压缩率。两者并不互斥——最优策略往往是先转换为更高效的格式（如 WebP），再在转换过程中设置合适的质量参数，一步完成压缩与转换。