将原始文件与同一图像的压缩导出进行比较。
检查节省和可见的权衡
图像压缩质量比较回答了一个简单的问题:较小的文件是否保留了足够的可见细节?
有用的检查需要这两个文件。原始文件提供了清晰的参考,压缩导出显示了优化后发生的变化。
工作流程
压缩质量检查顺序
添加原始文件
使用源图像、设计导出或参考照片。该文件为质量检查提供了一个明确的目标。
添加压缩导出
使用您计划发布或发送的较小文件。匹配的裁剪和图像尺寸使质量比较更容易看清。
运行质量检查
查看保存的文件大小、视觉质量、置信度、SSIM、PSNR、RMSE 和像素变化。
检查重要细节
这是关键的一步。放大文本、人脸、产品边缘、渐变和平坦背景。在整个图像看起来错误之前,这些区域就会显示出压缩损坏。
信号
每个结果告诉您什么
保存的文件大小
视觉质量
为这组图像提供快速的质量判断。结果越好,通常意味着压缩后的导出越接近原图。
SSIM
检查结构。它有助于处理具有清晰形状的照片、产品图像、屏幕截图和布局。
峰值信噪比和均方根误差
总结信号错误。较高的 PSNR 和较低的 RMSE 通常意味着较小的压缩损坏。
平均 RGB 增量
检查 0-255 RGB 范围内的颜色变化。使用它可以发现颜色偏移、亮度变化以及使图像看起来暗淡或有色的导出。
像素变化
突出显示颜色或亮度发生变化的区域。文本、边缘和渐变周围的簇值得仔细观察。
示例
压缩损坏通常出现的地方
文字和图标
寻找模糊的字母、破损的图标边缘、彩色光环或看起来比原来更细的小笔画。
脸部和皮肤
检查眼睛、头发、皮肤纹理和柔和阴影。严重压缩会使这些区域看起来蜡状或斑驳。
产品边缘
检查标签、包装角、透明边缘、珠宝、织物以及任何必须保持锐化过度的区域。
渐变和平面颜色
压缩可以在天空、墙壁、阴影和简单背景上创建条带、块状图案或斑点。
决策指南
建议
保留
保存良好,预览干净
如果节省的大小有意义并且重要区域看起来仍然干净,请使用压缩文件。
示例:产品图像从 1.8 MB 减小到 420 KB,标签、边缘和阴影看起来仍然清晰。
调整
保存良好,损坏明显
如果预览在重要区域显示伪影,请尝试更高质量的导出或不同的格式。
示例:WebP 导出可以节省大量空间,但包装上的小文本会变得柔和。
拒绝
节约少,质量低
如果文件几乎没有缩小并且视觉质量下降,请保留原始文件或再次导出。
示例:照片仅节省 5%,但皮肤纹理和背景渐变看起来更糟。
常见检查
需要上下文的结果
图像已调整大小
调整大小的导出带来的变化不只是压缩。请使用匹配的宽度、高度和裁剪,以便更清楚地判断质量。
格式改变了
JPEG、PNG 和 WebP 创建不同的伪影。格式切换可以解释较大的文件大小变化。
图片也被编辑过
锐化、颜色更改、修饰或新的导出预设可能会降低指标。检查预览以了解实际可见的更改。
文件是透明的
透明边缘可能很敏感。检查带有 Alpha 通道的徽标、剪纸、贴纸和图标。
试用
打开压缩质量工具
常见问题
比较图像压缩质量
什么是良好的压缩质量结果?
良好的结果可以节省文件大小,并在重要区域提供清晰的预览。文本、人脸、产品边缘和渐变看起来仍应接近原始效果。
我应该比较 JPEG、WebP 和 PNG 导出吗?
是的。不同的格式对于不同的图像效果更好。 JPEG 通常适合照片,WebP 通常可以节省大量成本,PNG 可以适合图形、透明度和锐利边缘。
两个图像需要相同的尺寸吗?
相同的宽度、高度和裁剪会给出最清晰的结果。不同尺寸仍可通过目视检查,但质量判断会不那么直接。
我的图像数据安全吗?
是的。图像预览和质量检查在您的浏览器本地运行。无需服务器上传,因此您的图像数据保留在活动浏览器会话中。