跳到正文
ScreenHello

给截图留白,让重点更清楚

在 ScreenHello 本地为截图添加背景、留白、圆角、阴影和标注。支持可撤销编辑、风格预设和完整画布导出,适合教程与产品展示。

第一步:放入图片

点击选择图片、拖入欢迎区,或粘贴剪贴板图片。截取屏幕需要浏览器授权。试用示例会在窄屏加载手机截图,在平板和桌面宽度加载横版截图,原图只在点击后读取。

最多 12 张图片

一个项目最多容纳 12 张图片。每张各自保留位置、尺寸与外观设置。

快捷键

不离开键盘就能操作编辑器。表中 Ctrl 在 macOS 上对应 Command。

操作快捷键
打开项目Ctrl + O
保存项目Ctrl + S
另存项目Ctrl + Shift + S
打开导出Ctrl + Shift + E
复制成品图Ctrl + C
撤销Ctrl + Z
重做Ctrl + Shift + Z
删除所选Delete / Backspace
放大Ctrl + +
缩小Ctrl + -
适应画面Ctrl + 0

在文本框中输入时快捷键不生效,不会打断你正在编辑的文字。

第二步:建立统一风格

设置画布尺寸、内边距、圆角、阴影与内描边。选择纯色、渐变、内置图片背景,或使用自己的本地背景图。通过箭头、步骤编号和放大镜解释重点;常用配置可保存为本地风格预设。

第三步:导出完整画面

需要透明画布时选择 PNG;还可选择 JPG、WebP 或 AVIF。JPG 和 WebP 会将透明部分填白。界面缩放只改变观看大小,导出倍率才改变最终像素尺寸;下载前请检查画布尺寸和格式。

原始图片原始图片
添加浏览器外框添加浏览器外框
效果示意:同一张本地图片,添加背景、留白和浏览器外框。

继续了解

截图浏览器外框与设备 Mockup 指南 · PNG、JPG、WebP 图片压缩与导出指南

内容核对日期