在截图后,我们需要对图片做一些聚焦、局部放大等的处理:
或者录制包含按键的 Gif:
本文将介绍一些 Mac 下截图和录屏的最佳实践:
- Mac 自带的截图录屏工具和图片处理工具实现图片聚焦、局部放大
- KeyCastr 展示按键
- Giphy Capture 录制 Gif
- Snipaste 实现贴图
- 飞书滚动截屏功能
图片聚焦、局部放大
Mac 自带的截图录屏工具和图片处理工具其实足够强大,按下 Command + Shift + 5 即可唤出截图工具:
Mac 的截图录屏工具包含有 5 个操作:
操作 | |
---|---|
截取整个屏幕 | ![]() |
截取应用窗口 | ![]() |
截取部分屏幕 | ![]() |
录制整个屏幕 | ![]() |
录制部分屏幕 | ![]() |
这里推荐第二个操作「截取应用窗口」,Mac 会处理应用的边框部分,包含应用的圆角、阴影和添加外边框,让整个截图变得非常漂亮:
截取图片后,可以点击如下画笔图标,打开图片编辑工具栏:
除了裁剪、调整尺寸、涂鸦、添加文字、箭头等图片编辑软件通用功能外,还有另外两个亮点功能,一个是图片聚焦:
另外一个是局部放大:
录制包含按键操作的 GIF
在展示一些教学的 GIF 中,包含按键操作是一个常见的需求。笔者最开始找了一些诸如 Kay 的软件,含有按键的录屏工具,但是效果不理想,后期改变思路,改为了展示「按键工具+GIF 截图工具」组合实现。
按键工具强烈推荐 KeyCastr,一款开源轻量(6.9M)的按键可视化工具,启动后,它会展示你的每一个按键:
你还可以任意调整按键的展示位置:
GIF 录制推荐 GIPHY:
GIPHY 免费使用,操作简单,点击即可录制:
并且可以对录制后的 GIF 进行一些简单处理,比如调整尺寸、帧率:
如上我们推荐了
- Mac 自带的截图录屏工具和图片处理工具实现图片聚焦、局部放大
- KeyCastr 展示按键+ Giphy Capture 录制 Gif
上诉工具仅使用于 Mac,接下来推荐一些同样适用于 Windows 的截图录屏软件,一个是 Snipaste,一个是飞书
其他截图录屏推荐
Snipaste 作为一款截图软件,最大的优势就是支持贴图:
另外对于前端同学比较需要的就是支持屏幕取色,按 Shift 切换 RGB 和 HEX 两种不同颜色格式,按 C 直接复制颜色:
和微信和 QQ 一样,飞书也自带了截图录屏功能,相比之下它支持滚动截图:
总结
本文推荐了 Mac 自带、KeyCastr、Giphy、Snipaste、飞书截图录屏工具,需要的截图聚焦、局部放大、按键 GIF 录屏、贴图、滚动截屏功能都零散分布在这些应用中,主要也是没有一个 All in One 的应用支持上诉所有功能,如果有的话,推荐一下。