如何对比两张截图,找出变化
简短回答
要找像素级的变化,就在图片编辑器里把一张截图叠在另一张上面,把上层的混合模式设为差别(Difference):完全相同的地方会变黑,有变化的地方会亮起来。要用文字弄清变了什么——哪个数值、标签或元素——ScreenFeel 的对比镜头会读取两张截图,列出每一处差异,最重要的排在最前,并引用新旧数值,同时忽略光标位置和压缩痕迹之类的噪音。
两种差异
像素对比回答的是“有没有变化?”。它很精确,连一个像素的偏移都能发现,但它也会把走了一格的时钟、移动过的光标标出来,而且从不告诉你某个变化意味着什么。含义对比回答的是“变了什么?”:合计从 1,240 变成了 1,310,“保存”按钮移到了左边,少了一行。现实中的大多数问题属于第二种。
用免费图片编辑器做像素对比
- 在支持图层和混合模式的编辑器中打开两张截图——GIMP 和 Paint.NET 都是免费的。
- 把较新的截图作为一个图层放在较旧的截图上面,左上角对齐。
- 把上层的混合模式设为差别(Difference)。相同的像素会变黑,任何有变化的地方都会显示为亮色。
- 放大亮色区域,看看它们是什么。
只有当两张截图的尺寸和位置都相同时,这个方法才有效。哪怕其中一张偏了几个像素,整张图都会亮起来。
用文字说明变了什么:ScreenFeel 的对比镜头
- 打开图库,勾选两张截图——较早的那张作为基准。
- 选择对比。
- 查看结论:一句话说出最重要的差异,然后是至多八处变化,每处都指出元素、它在屏幕上的位置以及差异何在,两张都能看到时并列引用旧值和新值,另外还会列出只存在于其中一张的内容。
对比镜头会忽略抗锯齿、压缩痕迹、光标和滚动条的位置,以及只是往前走了一点的时间戳。结论保存在较新的那张截图上,你还可以在它下方针对两张图片继续提问。
最省时间的场景
- 回归检查:发布之后,对比同一个界面的前后两版。
- 设计评审:同一个原型的两个版本,列出每一处改动。
- 仪表盘和电子表格:本周对比上周,找出变动的数字。
- 证明修复已经上线:修复前是报错界面,修复后是正常工作的界面。
大家还会问
怎么免费找出两张图片的不同之处?
在 GIMP 或 Paint.NET 中把两张图叠成图层,并把上层的混合模式设为“差别”(Difference),有变化的像素就会亮起来。想要一份文字版的变化清单,ScreenFeel 的对比镜头用每月免费 AI 额度就能运行。
两张截图需要一样大吗?
做像素对比时需要。ScreenFeel 的对比镜头读取的是两张图片的含义,所以不需要对齐;不过两次都截取同一个区域,结果最清楚。
能对比两张以上的截图吗?
对比镜头只接受恰好两张。如果是一系列界面,ScreenFeel 的生成指南镜头可以按顺序读取两到八张截图,并描述每一步。