图片对比
免费在线对比两张图片。可以用前后对比滑块、并排、叠加淡入查看，也可以用红色标出有变化的像素。全部在浏览器中处理，不上传文件，也无需注册。
一次拖入或粘贴两张图片，可同时填好两侧。
图片不会离开你的设备。
如何对比两张图片
- 在“修改前”和“修改后”下分别点击“选择图片”，或一次拖入或粘贴两张图片，同时填好两侧。支持 PNG、JPG、WebP 和 HEIC 文件。
- 选择查看方式：“滑块”“并排”“叠加淡入”或“差异”。在滑块模式下，拖动分隔线，或用方向键移动它。
- 如果两张图片尺寸不同，选择“对齐宽度”或“原始尺寸”。在“叠加淡入”中调整修改后图片的不透明度；在“差异”中调整容差，忽略细微色差。
- 点击“下载 PNG”，把当前视图保存为一张图片。“互换”可交换两侧图片，“重新开始”会清空两侧。
哪种查看方式更合适？
滑块是展示前后对比截图最常见的方式：分隔线左侧是修改前的图片，右侧是修改后的图片。来回拖动分隔线，布局偏移、裁切和颜色变化一眼就能看出来。“叠加淡入”会把修改后的图片叠在修改前的图片上，位置变了的元素会出现重影。
“差异”会替你找出不同之处。它逐个检查像素，在浅灰色的图片副本上用红色标出有变化的像素，并显示变化的像素数量，以及包含所有变化的最小区域。逐像素的截图对比能发现稍微挪了位置的图标、只改了一个词的文案这类肉眼容易漏掉的差异。
即使内容相同，两张 JPG 也很少完全一致，因为有损压缩每次保存都会让颜色发生细微变化。默认 10% 的容差会忽略这类噪点。设为 0% 会统计每一个不同的像素，调高到接近 50% 则只保留明显的变化。
开发团队会把同样的检查做成自动化的视觉回归测试，在每次发布前把新截图和已确认的截图进行对比。如果只是临时检查一次，两张截图加上这个页面就够了。如果两张截图对不齐，可以用截图分辨率检查工具查看每个文件的像素尺寸和 Retina 缩放倍数。
常见问题
这个图片对比工具免费吗？
免费。无需注册，不加水印，想对比多少组都可以。
我的图片会被上传吗？
不会。浏览器会读取两张图片，并在你的设备上完成对比。不会向服务器发送任何内容，关闭标签页后图片也会清除。
尺寸不同的图片可以对比吗？
可以。“对齐宽度”会把修改后的图片缩放到与修改前的图片同宽，Retina 截图和普通截图也能对齐重叠。“原始尺寸”保持两张图片各自的像素尺寸，并从左上角对齐。在“差异”中，只有一张图片覆盖的区域会计为有变化。
“差异”是如何判断哪里有变化的？
它对比同一位置两个像素的红、绿、蓝值，只要其中一个的差异超过容差，就把该像素标成红色。透明区域会放在白色背景上对比。图片特别大时会缩小后再对比，并在页面上提示。
支持哪些图片格式？
支持 PNG、JPG、WebP、HEIC，以及浏览器能打开的大多数其他图片格式。每张图片最大 50 MB。SVG 没有固定的像素网格，因此不支持。
“下载 PNG”会保存什么？
保存当前屏幕上的视图。“滑块”保存按分隔线位置拼合的两张图片，“并排”保存左右并排的两张图片，“叠加淡入”保存按当前不透明度叠加的效果，“差异”保存红灰两色的差异图。如果原尺寸超出浏览器的处理上限，PNG 会缩小保存，并在页面上提示。
想用同样的设置截取网页修改前后的截图？
Shotomatic 的 Website Capture 可以在 Mac 上按你设定的视口截取一组 URL。设置会保存下来，页面修改后可以重新截取同一组 URL，再到这里对比。