比较两张图片

比较两张解码像素尺寸完全相同的本地图片,按 Alpha 与预乘 RGB 差异生成指标和热图;完全透明像素中隐藏的 RGB 会被有意忽略,也不会暗中缩放任何源图。

适用场景

适合查找两份导出、修订、截图或处理结果之间的变化,前提是两张图片应当精确对齐。

本地处理原理

通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。

使用方法

  1. 准备:比较两张图片: 请使用副本,并确认源图顺序、完全一致的解码宽高、Alpha 与透明区域、变化像素阈值、通道指标及热图含义。保持源文件不变。
  2. 执行:比较两张图片: 在浏览器本地处理。通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。
  3. 下载并验证: 使用新文件名保存。确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。

重要限制

这些指标描述 Alpha 与预乘 RGB 差异,而不是逐一比较所有已存储 RGB 字节,也不代表感知质量、语义、真实性或编辑意图。完全透明像素中隐藏的 RGB 会被有意忽略;尺寸不同会被拒绝,色彩配置的解码也可能影响数值。

验证下载结果

确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。

隐私优先

文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。

常见问题

什么时候适合使用比较两张图片?

适合查找两份导出、修订、截图或处理结果之间的变化,前提是两张图片应当精确对齐。

比较两张图片会改变什么?

通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。

哪些限制和设置最重要?

源图顺序、完全一致的解码宽高、Alpha 与透明区域、变化像素阈值、通道指标及热图含义. 这些指标描述 Alpha 与预乘 RGB 差异,而不是逐一比较所有已存储 RGB 字节,也不代表感知质量、语义、真实性或编辑意图。完全透明像素中隐藏的 RGB 会被有意忽略;尺寸不同会被拒绝,色彩配置的解码也可能影响数值。

怎样验证处理结果?

确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。

相关工具