在 Product Hunt 发现了一款非常轻便的截图工具 Shottr。它安装后的大小仅 3.2MB,原生应用,并且适配 Apple Silicon。按作者的说法,建立截图只需 17ms,打开预览或编辑器最多只需 165ms,运行速度非常快。 当然,它不仅是一个单纯的截图工具,还支持滚动截长图、量像素、取色、OCR 等很多付费工具才提供的功能。没错,它是完全免费的,如果你暂时用不到截图管理等高级功能,或许可以用它替代 CleanShot X。 四种截图模式在进入截图编辑器介绍之前,我们先来看看 Shottr 支持的截图模式。 归类总结一下,它们分别是:
这些模式我们应该都是比较熟悉的,其中部分可以设置快捷键,但有些常用的功能比如「重复上一区域截图」却不能设置快捷键,有些遗憾。(希望未来都能支持设置快捷键。我目前如果需要连续用到这一功能,会使用 macOS 自带的截图工具 另外,在偏好设置中可以设置窗口截图的背景,可选壁纸、透明、颜色或没有背景。 设置窗口截图背景自动滚动截长图模式要实现网页截长图或整页截图,已经有很多浏览器插件可以选择,部分浏览器更是内置了这个功能。但截聊天窗口、文稿编辑窗口的长图就没有那么方便了。我们可以使用 CleanShot X 等专业工具,但 Shottr 的优势是全免费,并且也足够好用。(它也可能是唯一一个免费的 macOS 滚动截长图工具了。) 只要是页面能滚动的地方就可以使用这个模式。可以滚上,也可以滚下,效果是一样的,但一般来说我们只会用到向下滚动。 在偏好设置中也可以设定截长图的最大高度,避免不小心使用在了可以无限滚动的地方。截图过程中,也可以按 比如,这是截取 Shottr 官方推特页面的过程。按下快捷键,框取屏幕上一定范围,Shottr 就会自动开始截长图了: 上面的 gif 中我们可以发现,截长图完毕,Shottr 会自动打开截图编辑器。这个编辑器与普通截图的编辑器是一样的,那么就让我们来看看吧。 丰富的编辑体验随便截一张图片为例,可以看到编辑器界面是这个样子的: 最上方是工具栏,分三个区域。区域一是文件操作,包括复制、保存、上传,以及 Drag and Drop。区域二是标注工具栏,有一些常见的划线、箭头、加文字等工具。区域三是信息栏,可以看到色值、图片尺寸、缩放程度等信息。有些功能比较有特色,下文中将会详细介绍。 另外,Shottr 也不受限于只能编辑 Shottr 自身截取的图片。在状态栏菜单中可以看到「打开文件」「从剪贴板读取图片」这两个选项,也就是说已有的图片也能用 Shottr 编辑器来编辑,很实用。
放大与缩小这是最基本的图片查看功能,没有什么好说的。配合缩放我们可以对图片进行更精细的操作,又或者你只是想凑近点看,那么用鼠标滚轮或 想要快速缩放,还可以按住 Screen Ruler,量取元素尺寸或距离如果你是产品经理、设计师、开发者,很多时候会想要知道一张图片上不同元素的尺寸或元素间的距离。Shottr 提供了这一内置功能,让我们不再需要用到其他笨重的方法。 使用起来也很简单,在图片上移动光标的过程中,按上或下键,编辑器中就会显示竖直高度;同样,按左或右键,编辑器中就会显示水平宽度。 量好后,在想要标注的地方点击,就能将量取的结果(线段+数值)固定在图片上。我们也可以移动线段及旁边的数值,修改线段长度或数值单位,进行细微的调整,还可以更改标注颜色。不过目前版本中,标注线段还没有吸附功能,移动以后可能会不好对齐,这个时候还是重新量比较好。 以下是一些效果: 三种取色模式取色,也是设计过程中重要的一环。我以前用 iShot,就很喜欢它的取色功能。与 iShot 不同,Shottr 不是在截图过程中实时取色的,需要先截图或打开已有的图片,再在编辑器中取色。 光标在图片上移动时,右上角显示的颜色就会随之改变。这时按下 我们也可以更改色值的格式以符合日常需求。 如果要取文字的颜色,我们知道文字笔画的中心和边缘颜色深浅是不一样的,文字的颜色其实是最中间的颜色。把鼠标放在文字上,不用很精确,按下 另外,假如图片是有渐变或晕染等效果的,框选这一区域,按下 选取与裁剪截图截多了?用鼠标框出想保留的区域,按 建立选区后,右上角将会显示选区大小,而非图像大小。我们也可以更改显示单位,pt 或 px,按 Shottr 还提供了许多「智能选区」功能。 选取一个区域后,按下 esc 0 键智能选区另外,也可以在鼠标拖动建立选区时,按住 esc 3 键智能选区智能选择与其他功能的组合技如果想选取的部分是单一颜色,那就更方便了。按住 这时,按下 如果按下选区工具栏中的 Inprint Selection Size,还能打印长宽尺寸在图片上,非常方便。 标注与马赛克标注工具栏就不多作介绍了,是很常规的功能,从左到右分别是:箭头、文字、线、矩形、椭圆、马赛克。 Shottr 的标注风格是比较 pop 的,可以改颜色、改样式等。比较有意思的一点是,箭头的样式非常多,有些形状还能变「弯」。以下是一些例子: 而 Shottr 的马赛克功能,除了常见的「模糊」效果外,还提供一个 Erase 清除效果。框选需要打码的部分,按下 具体实现方式是计算周围的颜色,在上面覆盖一个矩形框,让选区看上去好像「消失」了。所以在图片比较复杂的场景可能不是那么好用,但也足够惊喜。 OCR 功能自从 macOS Monterey 内置了系统级的 OCR 功能后,第三方的 OCR 工具似乎不是特别刚需了。不过也还是有很多电脑并不支持这一功能,Shottr 提供的 OCR 简单又快速,还是很不错的,偏好设置中也能更改首选识别语言。 它默认的快捷键是 另外,在截图编辑过程中,框选一个区域后,也可以在选区工具栏中实行 OCR。 试用下来,识别速度还是非常快的。识别后会复制到你的剪贴板,以备后续使用。 个性化截图后的默认行为1.5.3 版本更新了几个实用的偏好设置项目,用于设定截图后的默认行为。Shottr 在区域截图后,默认会打开一个预览小窗,几个按钮分别是编辑、复制、保存、上传、OCR。按编辑或 enter 将会进入上面介绍过的截图编辑器。 如果不想出现预览小窗,想直接进入编辑器,可以在 Area Crop Behavior 设置中选择 Show Editor。甚至,如果只是想截个图,不想预览也不想编辑,可以把 After Screenshot 设置中的 Show 去掉,只选择 Copy 或 Save。(这些都是复选框,预览、复制、保存等默认操作可以叠加进行。) |