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 屏幕。你仍需先用系统快捷键截图,再粘贴或上传——权限清晰,也更符合隐私预期。