图片差异比对工具
逐像素比较两张图片，立即看出差异所在，并显示标出差异的对比图与百分比摘要——所有运算都在您的浏览器本地完成。
🔒 在您的浏览器本地处理
Loading…
使用方法
- 将原始图片拖放（或点击选择）到「原始图片」上传区。
- 将要对比的图片拖放（或点击选择）到「对比图片」上传区。
- 点击「开始比对」——两张图片会在您的浏览器中逐像素比对。
- 查看标出差异的对比图和差异像素百分比，需要时可下载对比图。
功能特点
- 采用开源的 pixelmatch 库进行逐像素比对
- 在调暗的背景上标出每一个差异像素，让变化一目了然
- 显示差异像素的确切数量与百分比
- 尺寸不一致时会清晰提示，不会错误地比对不匹配的数据
- 100% 在客户端运行——您的图片绝不会上传到服务器
常见问题
这个工具适合用在什么场景？
非常适合用于视觉回归测试（检查新版本界面是否意外发生变化）、比较两个版本的设计稿或截图、发现照片中的细微修改，或确认图片重新压缩后画质是否有明显损失。
为什么两张图片的尺寸必须相同？
比对是逐像素进行的，会将第一张图片的每个像素对应到第二张图片相同位置的像素。如果两张图片尺寸不同，就无法建立有意义的一一对应，因此工具会显示清晰的错误提示，而不是错误地比对不匹配的数据。
对比图是如何生成的？
工具使用开源的 pixelmatch 像素比对库。相同的区域会被调暗，而超出一定容差（已考虑抗锯齿）的差异像素会以醒目的颜色标出，让您一眼就能看出差异。
我的图片会被上传到任何地方吗？
不会。两张图片的加载与比对都通过浏览器内置的 Canvas API 在本地完成，不会发送到任何服务器。
为什么看起来完全一样的两张图片仍会显示存在差异像素？
压缩方式、色彩配置文件或重新编码过程中的细微差异，都可能让个别像素的数值略有变化，即使肉眼看起来完全相同。差异像素比例非常低时，通常代表的是这类噪声，而非真正的视觉变化。