图片对比
☞ 全程在你的浏览器中运行 —— 不会上传任何图片将两张图片拖放到此处
或点击一次选好两张 — 支持 JPG、PNG、WebP
再选一张图片作为比较对象。
图片对比
比较同一张图片的两个版本,找出每一个变化的像素 —— 包括肉眼根本看不出来的那些。
或点击一次选好两张 — 支持 JPG、PNG、WebP
再选一张图片作为比较对象。
逐像素比较
两次导出的截图、修改前后的同一张横幅、设计稿和实际实现、昨天和今天的渲染结果:看起来一模一样,却可能有差别。这个工具把图片 A 的每个像素与图片 B 同一位置的像素逐一比较,把不同的像素标成红色,框出发生变化的区域,并告诉你有多少像素受影响。即使只改了一个像素,预览里也看得见 —— 缩小显示时,只要一格里有任何一个像素不同,整格都会标出来。
三种视图帮你解读结果。「标出差异」在淡化的 A 图上用红色标出变化。「差值混合」显示每种颜色变了多少:完全相同的区域变黑,变化的地方发亮。在图片 A 和图片 B 之间来回切换,变化会在原地闪动,人眼对这种闪动非常敏感。容差可以忽略 JPEG 噪点这类细微差异。两张图片都在你的浏览器里比较,从不上传。
三步完成
一次选中两个 JPG、PNG 或 WebP 文件,或者先加一张再加另一张。第一张是 A,第二张是 B。
变化的像素显示为红色并被框出来,下方列出数量和位置。如果压缩噪点也被标出,调高容差。
把当前视图下载为原尺寸 PNG,附到缺陷报告或设计评审里。
快速解答
以左上角对齐,按两者中较大的尺寸比较。只有一张图片覆盖到的区域都算不同,并会提示两张图片各自的尺寸。如果想比较缩放后的版本,先把其中一张调整到相同尺寸。
很可能其中一张被重新保存成了 JPEG,这会让大量像素值发生细微变化。把容差调到 10 或 20,剩下的就是真正的改动。
红、绿、蓝、透明度四个通道中最大的那个差值,范围 0 到 255。容差为 0 时,只要任何一个通道变了哪怕一级,这个像素就算不同。
会,包括透明度本身。两张图片里都完全透明的像素算作相同,即使其中藏着的颜色值不一样 —— 这些颜色永远看不见。
效果不好。它按位置精确比较,角度稍有不同的照片几乎处处不同。它是为同一张图片的不同版本设计的:截图、导出、修改和渲染结果。
不会。两张图片的打开和比较全部在你的浏览器里完成,不会发送到任何地方。