点击上传第一张图片
未选择文件点击上传第二张图片
未选择文件关于对比两张图片
两个文件看上去一模一样。其中一个是客户确认过的那一版。另一个里有什么东西动了,而没人记下动的是什么。
把两张图并排盯着看,正是漏掉两像素位移、漏掉只变了一档的颜色、漏掉悄悄变短了一截的那行字的做法。人眼擅长认脸,极不擅长干这个。
这个工具替你看。 把两张图放进来,它会把每一个不同的像素都标出来 —— 也可以左右擦拭着比,或者让一张渐变成另一张。
三种视图,因为一种永远不够
- 差异 —— 把所有变化的像素涂成一眼就能看见的颜色,没变的部分则压成灰色的影子留在后面。这是回答「在哪儿」的视图。
- 滑动对比 —— 两张图都以原本的画质显示,中间有个手柄可以来回拖。这是回答「实际长什么样」的视图。既可以直接拖手柄,也可以用「位置」滑杆。
- 淡入淡出 —— 让一张溶入另一张。这是用来抓「位移」的视图:整块内容往下挪了三个像素,在差异图上会变成一片实色,而在淡入淡出里,你能看见它在动。
建议先用「差异」找出改动,再切到「滑动对比」判断改得怎么样。
下面那行数字
图片下面会给出数字:有百分之多少的像素不同,具体是多少个。如果两个文件完全相同,它会直接说出来 —— 而这往往就是全部问题所在:那次重新导出,到底改了东西没有?
灵敏度决定多大的差别才算「差别」。一般保持在中间就行。当 JPEG 压缩噪点把整张图都点亮时,把它调高;想抓住重新保存时混进来的、只差一档的颜色变化时,把它调低。
尺寸不同的图片
如果两张图尺寸不一样,第二张会被缩放到与第一张一致,这样才能叠在一起 —— 工具也会告诉你这一点。
这种情况下要当心差异图:缩放会把每个像素都重新算一遍,于是几乎所有地方都会被标出来,那张图也就什么都说明不了。这时该用的是滑动对比和淡入淡出。想认真比较,请先用图片尺寸调整把两张图调成同样大小。
图片不会上传
两张图都是在你的浏览器里、在你自己的设备上读取和比较的。没有任何东西发往服务器。
对这个工具来说,这一点比听上去更重要,因为人们真正要比较的图片,往往是还没发布的设计稿、签了保密协议的客户作品、内部后台、医疗或法律扫描件,以及拍到了一堆本不打算公开的东西的截图。
大家都用它来做什么
- 核对同一份设计的两次导出到底改了什么
- 找出页面走样 —— 改动前后的两张页面截图
- 对比修图前后的照片,看清某个应用究竟做了什么
- 检查重新保存或重新压缩过的文件是不是真的一样
- 比对同一份文件的两次扫描,查有没有被悄悄改动
- 把印刷稿和已确认的版本核对一遍
值得一提
- 下载当前视图会把屏幕上的内容 —— 差异图、滑动到的位置,或者淡入淡出的状态 —— 存成 PNG,方便发给别人
- 左右互换可以调换两张图的位置,上传反了的时候很方便
- 透明的 PNG 会保留透明;图片后面的方格底纹属于页面,不属于图片
- 边长超过约 8000 像素的大图会比较慢,因为每一个像素都要比较
- 比较的是像素,不是文件本身。像素相同、只有元数据不同的两个文件,在这里会被判定为相同 —— 想确认字节一致,请用文件校验码
- 要比的是文档而不是图片,请用对比两个 PDF
使用方法
- 左边上传原图,右边上传修改后的图
- 先看差异,找出哪里动过
- 如果压缩噪点盖住了真正的改动,就调整灵敏度
- 切到滑动对比或淡入淡出,判断改动到底是什么样
- 需要把结果发出去,就点下载当前视图