图片对比 — 在线找出两张图片的差异

功能简介

这个工具能找出两张看起来差不多的图片哪里不同，精确到单个像素。来回切换看不出来的小改字、1 像素的偏移或颜色变化，都会用红色标出来。可以用来确认网站修改是否按预期显示、找出设计师在修订稿里改了什么，或核对印刷校样。除了差异视图，还可以叠加两张图片，或用前后对比滑块分割显示。

使用方法

1. 在 图片 A（原图） 中放入基准图片，在 图片 B（修改后） 中放入修改后的图片。截图可以用 Ctrl+V 粘贴；A 放好之后，再粘贴会放到 B。
2. 两张都放好后立即开始比较：会显示不同像素的数量和比例，以及变化区域的位置。
3. 拖动 灵敏度，决定忽略多大程度的细微颜色变化。
4. 在 显示方式 中选择“差异”“叠加”（可调 B 的不透明度）或“滑块”（A 在左，B 在右）。
5. 点击 保存差异 PNG 下载结果。

工作原理

• 像素比较：同一位置的颜色按 YIQ 色彩空间中的距离比较，这种空间符合人对亮度的感知。阈值 0 会捕捉最细微的变化，接近 1 则很宽松，默认值为 0.1。
• 抗锯齿：根据周围像素判断为柔和边缘的像素会画成黄色，不计入数量（可选）。
• 差异图：未变化的区域以淡灰色（10%）显示原图，不同的像素显示为红色。
• 尺寸：超过 800 万像素时，两张图片按同一比例缩小后比较，变化区域的坐标再换算回 A 的原始像素。
• 比较引擎为 pixelmatch（ISC 许可）。

示例

A	B	结果
修改前的截图，1280×800	同一页面，按钮文字已更改	只有按钮周围是红色，并显示区域坐标
照片 PNG	同一个文件	显示“没有差异”
横幅 1200×600	裁剪为 1000×600 的横幅	保持原尺寸时，被裁掉的 200 px 宽区域全部算作差异

要比较文字差异，请用文本对比；想截取图片的一部分仔细看，可以试试图片裁剪。