作者：吴楷鹏, he3.app核心前端工程师

在截图后，我们需要对图片做一些聚焦、局部放大等的处理：

或者录制包含按键的 Gif：

本文将介绍一些 Mac 下截图和录屏的最佳实践：

1. Mac 自带的截图录屏工具和图片处理工具实现图片聚焦、局部放大
2. KeyCastr 展示按键
3. Giphy Capture 录制 Gif
4. Snipaste 实现贴图
5. 飞书滚动截屏功能

图片聚焦、局部放大

Mac 自带的截图录屏工具和图片处理工具其实足够强大，按下 Command + Shift + 5 即可唤出截图工具：

Mac 的截图录屏工具包含有 5 个操作：

这里「推荐」第二个操作「截取应用窗口」，Mac 会处理应用的边框部分，包含应用的圆角、阴影和添加外边框，让整个截图变得非常「漂亮」：

截取图片后，可以点击如下画笔图标，打开图片编辑工具栏：

除了裁剪、调整尺寸、涂鸦、添加文字、箭头等图片编辑软件通用功能外，还有另外两个亮点功能，一个是「图片聚焦」：

另外一个是「局部放大」：

录制包含按键操作的 GIF

在展示一些教学的 GIF 中，包含按键操作是一个常见的需求。笔者最开始找了一些诸如 Kay 的软件，含有按键的录屏工具，但是效果不理想，后期改变思路，改为了展示「「按键工具+GIF 截图工具」」组合实现。

按键工具强烈推荐 「KeyCastr」，一款开源轻量（6.9M）的按键可视化工具，启动后，它会展示你的每一个按键：

你还可以任意调整按键的展示位置：

GIF 录制推荐 「GIPHY」：

在这里插入图片描述

GIPHY 「免费使用，操作简单」，点击即可录制：

并且可以对录制后的 GIF 进行一些简单处理，比如调整尺寸、帧率：

如上我们推荐了

1. Mac 自带的截图录屏工具和图片处理工具实现图片聚焦、局部放大
2. KeyCastr 展示按键+ Giphy Capture 录制 Gif

上诉工具仅使用于 Mac，接下来推荐一些同样适用于 Windows 的截图录屏软件，一个是 「Snipaste」，一个是「飞书」

其他截图录屏推荐

Snipaste 作为一款截图软件，最大的优势就是支持「贴图」：

另外对于前端同学比较需要的就是支持「屏幕取色」，按 Shift 切换 RGB 和 HEX 两种不同颜色格式，按 C 直接复制颜色：

和微信和 QQ 一样，飞书也自带了截图录屏功能，相比之下它支持「滚动截图」：

总结

本文推荐了 Mac 自带、KeyCastr、Giphy、Snipaste、飞书截图录屏工具，需要的截图聚焦、局部放大、按键 GIF 录屏、贴图、滚动截屏功能都零散分布在这些应用中，主要也是没有一个 All in One 的应用支持上诉所有功能，如果有的话，推荐一下。