图片对比工具怎么用：阈值定错结论就反，先排除五类假差异
"这两张图是不是一样的？"——改版前后的截图、压缩前后的照片、设计稿和实现效果，肉眼盯半天也看不出差别，但确实有东西变了。图片对比工具就是干这个的：逐像素相减，把不一样的地方标出来。
但直接用默认设置，很容易得到"满屏都是红色"的结果——因为 JPEG 重存一次、文字抗锯齿挪了半个像素，都会算成差异。这篇讲三件事：六种视图各看什么、阈值怎么定、五类"假差异"怎么认。
六种视图，按"要找什么"选
| 视图 | 看什么 | 适合 |
|---|---|---|
| 并排对比 | 整体观感差异 | 快速浏览、给人看 |
| 滑块 / 分割线 | 局部位置有没有偏移 | 改版前后、局部对齐 |
| 洋葱皮叠加 | 透明叠加后的重影 | 找位移、找缩放偏差 |
| 差异高亮 | 哪些像素变了（标色） | 确认改动范围 |
| 差异图 / 反相 | 变化的强弱（明暗） | 压缩损失、细微色差 |
| 指标面板 | 差异比例、RMSE、PSNR | 留档、量化对比 |
实际用的顺序通常是：先用滑块看整体有没有位移，再切差异高亮确认范围，最后看指标判断"这点差异算不算事"。反过来先看指标，容易被一串数字带偏——0.3% 的差异可能只是重新编码，也可能是删掉了一个字。
阈值：一个数字决定"什么算差异"
阈值是"单通道差值低于多少就算相同"。它是整个工具里最关键的参数，设错了结论就反了。
| 阈值 | 用途 | 典型场景 |
|---|---|---|
| 0 | 逐位严格比对 | 校验构建产物是否完全一致 |
| 8 | 严格 UI 检查 | 按钮文案从"保存"改成"应用"、边框少了一像素 |
| 18 | 照片细节 | 修图前后、阴影变柔、去掉了小瑕疵 |
| 32 | 通用默认 | 落地页截图、重新导出的商品图 |
| 64 | 只看大改动 | 换背景、物体移动、裁切变化 |
有个特别实用的判断技巧：把阈值从 12 调到 40，如果差异大面积消失，说明本来就不是内容改动，而是渲染/压缩噪声；如果调高后差异还在，那就是真的改了东西。
差异比例：比"有没有差异"更有用的指标
看到"有差异"就慌，是最常见的误判。经验门槛是这样：
- 低于 0.1%：基本是编码噪声（重存 JPG、重新截图、色彩管理微调），可以忽略；
- 0.1%～1%：需要看一眼高亮图，确认是不是小元素被改动（图标、角标、细边框）；
- 高于 1%：肯定有实质变化，逐块核对。
但比例要结合差异的分布看：一条连续的 0.2% 可能是删了一行字（重要），散落满屏的 0.2% 多半是噪声（不重要）。所以永远要配合高亮图，别只看数字。
五类"假差异"，先认出来再判断
- 1 像素位移：整幅图看起来一样，但每条边缘都亮了。用叠加视图看主要边线对不对齐，通常是截图时窗口位置或滚动差了一格；
- 尺寸不一致：两张图宽高不同，工具会缩放对齐，缩放本身就会制造成片差异。这种情况下的数字只能当上限参考；
- 压缩噪声：JPG/WebP 在纯色区和边缘撒下的细小噪点，阈值调到 32 以上基本能滤掉；
- 文字抗锯齿：字体渲染落点是小数像素，同一段文字两次渲染的灰度会整排微变，特征是全集中在字形边缘、呈细线状；
- 透明度差异：PNG 的 alpha 从 254 变 255，肉眼无感但算差异。做设计交付核对时要注意，普通照片对比可以忽略。
这五类占误报的绝大多数。遇到"差异很多但看不出来"的情况，按这个清单逐条排除，比反复调阈值有效。
四类真实场景，各自怎么配
| 场景 | 关键设置 | 判读重点 |
|---|---|---|
| 网页/App 改版回归 | 同尺寸、同设备像素比、阈值 8～12、开忽略抗锯齿 | 布局位移、元素丢失、文案变化 |
| 设计稿 vs 实现 | 导出同倍率（都用 @2x）、叠加 + 网格 | 间距、圆角、字号偏差 |
| 压缩前后画质 | 阈值 18～32、看差异图强弱 | 边缘和渐变的损失程度 |
| 修图前后 | 阈值 18、看高亮范围 | 改动是否只落在预期区域 |
第一行有个前提容易被忽略：截图环境必须一致——同一个浏览器、同一窗口尺寸、同一缩放比例、同一套字体。差一个条件，差异图就会满屏开花，跟代码改动没有关系。
什么时候不该用像素对比
像素对比回答的是"数值上变没变"，不回答"人眼看不看得出来"。所以两种情况要换指标：
- 压缩质量评估：用 SSIM（结构相似度）或 PSNR，它们更接近"感知质量"，像素差异比例会把不可见的噪声也算进去；
- 色差评估：用 ΔE（色差）而不是 RGB 差值，因为 RGB 差 10 在暗部很明显、在亮部几乎看不出来。
简单记：找"改了哪里"用像素对比，判断"画质降了多少"用 SSIM/PSNR。两者混用，结论一定跑偏。
几个常见问题
两张图尺寸不一样，能比吗？
能比但结果只能参考。工具通常会把后一张缩放到前一张的尺寸，缩放会改变边缘位置和插值方式，内容完全一样也会出现成片差异。要精确对比，先把尺寸对齐；缩放方法见批量修改图片尺寸。
为什么同一张图重新保存一次就有差异？
因为 JPEG 解码再编码不是恒等操作，像素值会有几个数的偏移。这不是工具的问题，是有损压缩的本质。所以"重新导出"之后做对比，看到 0.05% 的差异是正常的，别当成内容被改。
对比大图时浏览器卡住了怎么办？
像素对比要同时持有两张原图 + 高亮图 + 差异图的像素数组，一张 4000×3000 的图单份就约 48MB，四份加起来轻松超过 200MB。多数工具会把超过约 2000 万像素的图先缩小再比。对比前先把大图压到 2000px 长边，既快又不影响判断局部改动，压缩方法见压缩到 200KB。
能对比两张不同的图（不是同一场景）吗？
能比，但没意义——结果一定是满屏差异。像素对比的前提是"两张图应当是同一内容的不同版本"。想找两张不同照片的相似之处，那是另一个问题（相似图检索），不是 diff 工具能解决的。
手机上有对比工具吗？
有，但屏幕小、不便放大，精细比对还是电脑上做。手机上更适合用"滑块"视图快速看改版前后，需要看像素级差异时导到电脑。传图方法见手机照片传到电脑。
小结
用好图片对比工具，就三句话：先滑块看位移、再高亮看范围、最后用阈值 + 差异比例下结论。阈值别用 0（那是校验构建产物的），一般从 12～32 起；看到"差异很多"先排五类假差异（位移、尺寸、压缩、抗锯齿、透明度）。它是个放大镜，不是裁判——判断改得对不对，还得你自己看。