编辑器功能
使用 Full Page Screenshot v1.21.0 的标注工具、Studio 背景、尺寸预设、Mockup、水印、图层和导出功能。
进入编辑器
成功截图后会自动打开编辑页。也可以从 截图历史 重新编辑旧记录,或从弹窗点击 导入图片 编辑本地图片。
第一次使用时会出现产品引导。编辑区由截图画布、浮动工具栏、右侧属性面板和右下角操作区组成。
标注工具
| 工具 | 快捷键 | 用途 |
|---|---|---|
| 选择 | V | 选择、移动和调整已有标注 |
| 注释 | A | 添加带文字的说明标记 |
| 文字 | T | 添加文本 |
| 箭头 | R | 绘制直线、曲线、折线或正交箭头 |
| 形状 | S | 添加矩形、圆形或椭圆 |
| 模糊 | B | 添加高斯模糊、像素化或马赛克 |
| Emoji | M | 添加 Emoji 标记 |
| 背景 | G | 打开 Studio 背景与舞台样式 |
| 设备 Mockup | D | 把截图放入设备或浏览器外框(Pro) |
| 调整尺寸 | E | 裁切/调整输出内容尺寸 |
| 水印 | W | 添加文字或图片水印 |
选择工具后,右侧面板会显示对应的颜色、粗细、透明度、字体、模糊强度或其他属性。
选择、图层与撤销
- 使用选择工具点击标注;按住
Ctrl/Cmd可以多选。 Delete/Backspace删除选中的标注。Ctrl/Cmd+Z撤销;Windows 使用Ctrl+Y重做,macOS 使用Cmd+Shift+Z。- 图层面板可以选择、隐藏或删除标注,并调整对象层级。
- 空格键可临时切换为画布平移;鼠标滚轮和缩放控件用于查看长图。
Studio 背景与舞台
选择 背景 后先启用 Studio 模式,然后可以配置:
- 纯色背景。
- 免费的基础渐变;更多渐变和自定义方向需要 Pro。
- 本地图片或 Unsplash 背景(Pro)。
- 截图在画布中的位置。
- 自动或手动内边距。
- 圆角、阴影、亮度、图片模糊和内嵌边框。
- 透明画布;导出 PNG 时可保留透明效果。
输出尺寸预设
尺寸面板提供自动尺寸、自定义宽高、常见比例、设备屏幕尺寸,以及 Instagram、LinkedIn、X、Facebook、YouTube、Pinterest、Product Hunt 等平台预设。
尺寸预设控制最终画布,不会改变浏览器截图时的视口。为避免拉伸,调整后检查截图的适配方式和位置。
设备 Mockup
设备 Mockup 为 Pro 功能,可将截图放入 MacBook、iMac、iPad、iPhone、Android 手机、显示器、Apple Watch、电视或浏览器外框。不同设备支持横屏或竖屏,具体以选择器中显示的型号为准。
水印
- 文字水印:免费,可设置文字内容。
- 图片水印:Pro,可上传图片或使用图片 URL。
- 位置、大小、透明度和预设等高级控制可能需要 Pro。
水印只有启用后才会进入最终导出结果。
页面信息和 Jira/GitHub
右侧面板的信息按钮会显示来源 URL、视口尺寸、截图时间、截图模式和图片尺寸。
“分享到 Jira/GitHub”会把 Markdown 文本复制到剪贴板,其中包含已有截图元数据和需要手动补充的操作系统、浏览器及版本字段。它不会自动上传图片或直接发布到第三方平台。
导出
| 操作 | 免费/Pro | 说明 |
|---|---|---|
| PNG | 免费 | 适合高质量图片和透明背景 |
| JPEG | 免费 | 适合较小文件 |
| WebP | Pro | 适合网页使用 |
| Pro | 使用设置页中的纸张、边距和页眉页脚选项 | |
| 复制图片 | 免费 | 把最终合成结果写入剪贴板 |
| 打印 | 免费 | 打开浏览器打印流程 |
| Jira/GitHub Markdown | 免费 | 复制文字模板,不自动上传图片 |
编辑结果不会自动上传到云端。请下载重要作品,避免清除浏览器数据后丢失本地历史。