两张图明明一样，像素差异却一片红？先统一尺寸、对齐点和透明背景

第二张图只向右挪了 1 像素，差异图却可能几乎全红。像素比较很诚实，但它不知道“只是没对齐”。

像素假差异排查

图注：按顺序检查，先定位问题再导出最终文件。

1. 先统一画布尺寸

核对两张图的真实宽高和设备像素比。网页截图看起来同样大，不代表文件像素相同。

2. 选择同一个锚点

按左上、中心或指定边缘对齐，两张都用同一规则。主体位置差一像素会让所有边缘同时产生差异。

3. 统一透明底色

透明 PNG 叠在白底和深底上的观感不同。比较前固定背景色，避免把透明合成差异当成像素变化。

4. 排除编码噪声

JPG 重新保存一次就会改变大量细小像素。要做精确回归尽量使用 PNG；JPG 更适合看结构，不适合逐像素判定。

这条边界不能省

像素相同不等于业务正确，像素不同也不等于用户能感知。最终验收还要回到文字、布局和交互目标。

导出前的最后检查

• 画布尺寸一致
• 对齐锚点一致
• 透明底色统一
• 编码噪声排除

先在图片对比对应工具里完成当前任务，再用相邻工具处理下一步。不要拿预览代替下载文件，也不要把一次成功当成所有素材都适用。