适用场景
适合查找两份导出、修订、截图或处理结果之间的变化,前提是两张图片应当精确对齐。
本地处理原理
通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。
使用方法
- 准备:比较两张图片: 请使用副本,并确认源图顺序、完全一致的解码宽高、Alpha 与透明区域、变化像素阈值、通道指标及热图含义。保持源文件不变。
- 执行:比较两张图片: 在浏览器本地处理。通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。
- 下载并验证: 使用新文件名保存。确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。
重要限制
这些指标描述 Alpha 与预乘 RGB 差异,而不是逐一比较所有已存储 RGB 字节,也不代表感知质量、语义、真实性或编辑意图。完全透明像素中隐藏的 RGB 会被有意忽略;尺寸不同会被拒绝,色彩配置的解码也可能影响数值。
验证下载结果
确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。
隐私优先
文件只在当前浏览器中处理,源文件和结果不会上传到我们的服务器。
常见问题
什么时候适合使用比较两张图片?
适合查找两份导出、修订、截图或处理结果之间的变化,前提是两张图片应当精确对齐。
比较两张图片会改变什么?
通过签名验证和本地解码后,浏览器比较对齐像素的 Alpha 与按 Alpha 预乘的 RGB;Alpha 为零时,完全透明像素中隐藏的 RGB 会被有意忽略。随后统计变化像素,计算 MAE、RMSE 与最大通道差,并编码单独的差异热图。
哪些限制和设置最重要?
源图顺序、完全一致的解码宽高、Alpha 与透明区域、变化像素阈值、通道指标及热图含义. 这些指标描述 Alpha 与预乘 RGB 差异,而不是逐一比较所有已存储 RGB 字节,也不代表感知质量、语义、真实性或编辑意图。完全透明像素中隐藏的 RGB 会被有意忽略;尺寸不同会被拒绝,色彩配置的解码也可能影响数值。
怎样验证处理结果?
确认尺寸相同,以 100% 将两张原图与热图并排检查,并把每项指标视为解码像素证据,而不是判断哪张更好的评分。