Mac 上如何裁剪截图

先用 macOS 快捷键截图,再在浏览器本地裁剪:固定比例、精确输出尺寸,图片不上传。

Mac 截图很快,但 README、PR 或工单里往往需要更精确的画面。本文介绍 macOS 自带截图方式,以及如何在浏览器里本地裁剪。

第一步:在 macOS 上截图

常用快捷键:

  • 全屏Shift + Command + 3
  • 窗口Shift + Command + 4,再按 Space,点击窗口
  • 选区Shift + Command + 4,拖动选择区域

默认保存到桌面(可在「截图」设置中修改)。

第二步:打开本地裁剪工具

上传 PNG、拖拽文件,或在支持的浏览器中复制图片后粘贴。

DevCove 在线图片裁剪 在浏览器本地处理,不会上传你的截图。

第三步:选择比例与输出尺寸

文档配图常用 16:9;头像或方形预览可用 1:1

输出预设说明:

  • 裁剪尺寸:按选区像素导出
  • 512 × 512 / 1024 × 1024:方形输出
  • 自定义:按模板指定宽高

第四步:下载 PNG 或 JPEG

界面文字多时用 PNG 更清晰;不需要透明背景时 JPEG 体积更小。

若浏览器不支持 WebP 编码,请使用 PNG 或 JPEG(Safari / 部分 iOS 浏览器常见)。

开发场景建议

  • 简单文档更新可在裁剪工具里一次完成,不必打开设计软件。
  • 写 README 时可配合 Markdown 预览
  • Canvas 导出会移除 EXIF,这对网页素材通常是预期行为。

边界说明

浏览器工具不能静默截取 Mac 屏幕。你仍需先用系统快捷键截图,再粘贴或上传——权限清晰,也更符合隐私预期。

相关工具

使用本文提到的工具

在线图片裁剪 / 截图裁剪image cropper / crop image online / crop screenshotBase64 编码 / 解码base64 / encode / decodeMarkdown 在线预览 / Markdown 转 HTMLmarkdown / markdown preview / markdown to html

返回文章列表