编辑器功能

使用 Full Page Screenshot v1.21.0 的标注工具、Studio 背景、尺寸预设、Mockup、水印、图层和导出功能。

进入编辑器

成功截图后会自动打开编辑页。也可以从 截图历史 重新编辑旧记录,或从弹窗点击 导入图片 编辑本地图片。

第一次使用时会出现产品引导。编辑区由截图画布、浮动工具栏、右侧属性面板和右下角操作区组成。

标注工具

工具快捷键用途
选择V选择、移动和调整已有标注
注释A添加带文字的说明标记
文字T添加文本
箭头R绘制直线、曲线、折线或正交箭头
形状S添加矩形、圆形或椭圆
模糊B添加高斯模糊、像素化或马赛克
EmojiM添加 Emoji 标记
背景G打开 Studio 背景与舞台样式
设备 MockupD把截图放入设备或浏览器外框(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免费适合较小文件
WebPPro适合网页使用
PDFPro使用设置页中的纸张、边距和页眉页脚选项
复制图片免费把最终合成结果写入剪贴板
打印免费打开浏览器打印流程
Jira/GitHub Markdown免费复制文字模板,不自动上传图片

编辑结果不会自动上传到云端。请下载重要作品,避免清除浏览器数据后丢失本地历史。