Lab2109

科技 · AI · 教程

Mac 截图对比

apple

Mac 截图对比:一看就懂的实操指南,轻松找出两张图的差异

平时工作里谁还没个截图对比的需求?比如设计稿改了哪些地方、两个版本的数据表格是不是有出入、或者验证截图真伪……反正我每次折腾这个就得翻出手机放大镜来回看,眼睛都快瞎了。后来发现,在 Mac 上截图对比其实有好多又快又准的办法,根本不用第三方软件满地找。今天就把我积累的 Mac 截图对比全套心得掏出来,手把手带你把这件事做得明明白白。

第一步:用 Mac 自带截图工具拍下你要比的两张图

先别急着搞对比,截图本身得趁手。Mac 自带的截图快捷键我用了八年才彻底记住,其实就三组:

  • Command + Shift + 3:全屏截图,适合整个桌面或者对照参考页。
  • Command + Shift + 4:区域截图,按住拖动就能选任意矩形范围,我一般用它截对话框或局部表格。
  • Command + Shift + 5:调出截图工具栏,里面还有屏幕录制、定时截图选项,适合需要固定时间点抓拍的场景。

具体到对比场景,我习惯把两张图分别存成“图A.png”和“图B.png”丢在桌面同一个文件夹里。注意命名一定要有规律,不然等会找起来手忙脚乱。另外,截完图后默认会有一个小缩略图在屏幕右下角停留几秒,点一下就能快速打开标注窗口,如果你需要圈出重点,这一步就能顺便搞定。

第二步:用「预览」App 两图并排,肉眼秒看差异

很多人不知道 Mac 自带的“预览”软件其实可以同时打开多张图片并排显示。操作很简单:

  1. 在访达里按住键盘 Command 键,分别点选图A和图B,右键选择“打开方式 — 预览”。
  2. 预览窗口打开后,点击菜单栏的 “显示” → “缩略图”,左侧列表就能看到所有打开的图片。
  3. 把鼠标放在两张缩略图之间的缝隙上,稍微往外拖一点,两张图就会并列显示在主窗口里。

这时候你就能透过两个独立窗口直接肉眼比对。比如我上周给客户改海报,图A背景是 #f0f0f0,图B是 #ebeceb,两张放一起才发现灰度差了一点点。用预览并排看,比单张切换舒服太多了。

小技巧:如果两张图尺寸不一样,可以选中其中一张后按 Command + 0(数字零)调成实际大小,再手动滚动到相同区域,这样对比更精确。

第三步:高级玩法 —— 用「屏幕快照」+「快捷键」实现半透明叠加

如果你要对比的两张图是同一场景但略有修改(比如两个版本的 UI 设计稿),并排看其实不够直观,最好能叠在一起看。这里有一个 Mac 隐藏操作:

  • 先打开图A,按 Command + Shift + 4 截下你需要对比的区域,这时候截的图会自动存到桌面。
  • 紧接着打开图B,用预览或者其他看图软件打开这张新截图。
  • 然后关键一步:在预览里按 Command + A 全选截图内容,再按 Command + C 复制。
  • 回到图A所在的窗口,按 Command + V 粘贴,两张图就叠在一起了。此时你可以调整透明度来对比。

不过预览 App 手动调透明度有点麻烦,我更推荐外挂一个免费工具 Kaleidoscope(有试用期)或者 Pixelmator Pro,它们自带“差异模式”或“叠加模式”,一秒高亮所有不一样的地方。比如我用 Kaleidoscope 对比两个版本的代码截图,红色区域就是新增或删除的部分,效率直接翻倍。

对比:Mac 自带工具 vs 第三方截图对比软件

对比项Mac 自带(预览+截图)第三方工具(Kaleidoscope / Beyond Compare 等)
价格免费,系统内置收费(约$30~$100),部分有免费版限制
操作难度简单,但需手动并排或叠加一键自动差异高亮
适用场景日常快速对比,只改了几个像素大量图片对比、代码截图、设计稿反复迭代
速度瞬间打开,无需加载第一次打开稍慢,之后流畅

我个人建议:普通用户只为了临时核对一两个地方,用预览并排完全足够。如果每周都要做设计审核、代码比对,那花几十刀买个专业工具很值,一天省半小时,一年就省出一套软件钱。

FAQ:Mac 截图对比常见疑问

Q:截图对比时总找不到两张图的相同区域怎么办?
A:用 预览 App 的“实际大小”模式(Command + 0),然后分别把两张图滚动到左上角同一参考点。如果图特别大,可以借助“显示 — 缩放”功能缩小到50%再拖动对比。

Q:有没有办法一键标记出两张图的不同之处?
A:Mac 自带没有这个功能,但你可以用 预览的“智能套索”工具手动圈出明显差异,然后标注颜色。或者直接用我上面说的 Kaleidoscope、Diffchecker 网站的图片对比功能(免费线上),上传两张图就能自动生成差异图。

Q:截图后自动存到桌面,文件多了很乱怎么办?
A:我自己的习惯是:在桌面建一个名为“截图对比_临时”的文件夹,然后修改系统截图默认保存路径。具体方法:按 Command + Shift + 5 调出工具栏,点击“选项”,在下拉菜单里选择“其他位置…”,然后指定到你新建的文件夹。这样所有截图都自动归类,找起来方便。

Q:用预览并排对比时,两张图不一样大怎么对齐?
A:可以先把其中一张图用预览的“工具 — 调整大小”改为跟另一张完全相同的像素尺寸。注意勾选“按比例缩放”,避免变形。然后再次并排就完美对齐了。

总结:Mac 截图对比这件事,真不用搞复杂

说一千道一万,截图对比最核心的痛点就是“懒得来回切换”。Mac 自带的预览帮我们解决了并排显示,而第三方工具又在自动化差异方面更进一步。我的建议是:先从小白都能上手的预览并排开始,养成“截两张图 → 选中 → 并排看”的习惯,等觉得不够用了再投资专业软件。另外,截图时记得用 Command + Shift + 5 调出工具栏,里面有个“显示鼠标指针”的选项,截图对比时建议关掉,不然光标会干扰视觉。最后一个小提醒:如果你经常要截图对比,把预览 App 固定在程序坞,省得每次去启动台里翻,速度能快好几秒。希望这篇接地气的 Mac 截图对比指南能让你少走点弯路,下次再遇到“这两张图到底哪里不一样”,五分钟就搞定。

—— 广告位 ——