跳到正文

截图美化与样机生成

为截图添加渐变背景、阴影、圆角,以及浏览器或设备外框,全部在浏览器中完成渲染。

拖入或粘贴截图按 Ctrl+V(⌘V)可直接从剪贴板粘贴
选择截图在你的设备上处理,不会上传
在浏览器中运行 · 无需上传工作原理

截图美化 使用方法

  1. 1

    粘贴截图

    截图后立即在本页面按 Ctrl+V(⌘V),或把图片文件拖进来。

  2. 2

    选择背景

    可选渐变、网格渐变、纯色、你自己的照片,或者透明背景。

  3. 3

    设置边框和样式

    添加浏览器、窗口、笔记本电脑、平板电脑或手机边框,再调整内边距、圆角、阴影和标题文字。

  4. 4

    导出

    选择尺寸预设和 1×、2× 或 3×,然后下载 PNG 或复制图片。

限制与 Pro

单张截图最大 25 MB,可使用所有边框和背景,以 1×、2× 或 3× 导出,长边最大 8000 px,不限次数,无水印。

支持超过 25 MB 的源文件;没有仅限 Pro 的边框或样式。 了解 Pro

关于 截图美化

截图美化工具能为原始截图加上精心设计的画面,并导出为 PNG。输出尺寸由截图、边框和内边距共同决定:一张 1280 × 800 的截图套上浏览器边框、使用默认内边距,1× 时约为 1510 × 1112 像素,2× 时则是它的两倍。16:9、1:1、4:5、9:16、X 和 LinkedIn 预设会把画布扩展到对应平台的宽高比,不会裁剪截图本身。导出长边最大为 8000 像素;选择透明背景时会得到带 alpha 通道的 PNG,并且仍保留投影。

边框是由代码按任意分辨率绘制的通用设备和窗口:有浅色或深色地址栏的浏览器、带红黄绿按钮和标题的桌面窗口、带屏幕盖和键盘部分的笔记本电脑、平板电脑,以及带灵动岛或挖孔摄像头的手机造型。背景提供 12 种同色系渐变和 6 种网格渐变,也可以使用纯色或照片,并可选择加模糊。

它适合产品发布、文档、更新日志、社交媒体帖子和幻灯片。它不能做标注(不能在截图上画箭头或添加说明框),不能自己截取屏幕,边框也是风格化的造型,并非任何厂商硬件的精确复刻。

隐私

整个画面都在你浏览器的画布上渲染,文件不会离开你的设备,仪表盘和未发布功能的截图都不会外泄。添加标题文字时,会从 Google Fonts 加载字体,该请求不包含任何截图数据。

功能

代码绘制的边框

浏览器、窗口、笔记本电脑、平板电脑和两种手机样式,可按任意分辨率生成。

渐变与网格渐变背景

Material 风格的同色系渐变、网格渐变、纯色,或你自己的照片。

社交平台预设

16:9、1:1、4:5、9:16、X 和 LinkedIn 画布,绝不裁剪截图。

截图美化:常见问题

怎样让截图看起来更专业?
给它留出空间,增加层次。把截图放在柔和的渐变背景上,内边距设为 8–12%,圆角稍微大一点,再加上轻柔的阴影;网站截图可套上浏览器边框并填入真实网址。背景尽量简洁,让界面保持焦点,并以 2× 导出,这样社交平台缩放图片时小字依然清晰。
发布到社交媒体应该选哪个尺寸预设?
X 帖子和 YouTube 缩略图用 16:9,链接样式的 LinkedIn 帖子用 LinkedIn 预设(1.91:1),Instagram 和 LinkedIn 信息流图片用 1:1 或 4:5,故事、Reels 和 Shorts 用 9:16。“自动”会让画布刚好贴合带边框的截图。预设只会扩展背景,截图本身不会被裁剪或挤压。
可以导出透明背景吗?
可以。在“背景”中选择“无”,导出的 PNG 就会保留 alpha 通道,只有带边框的截图和它柔和的投影不透明。这很适合放到彩色幻灯片、落地页区块或设计文件中。复制到剪贴板时,在 Figma、Keynote 和大多数设计工具等支持透明的应用中也会保留透明效果。
设备边框是真实的产品图片吗?
不是。所有边框都由工具的代码用矩形、曲线和渐变绘制,并非取自厂商的官方图片,因此可以适配任意分辨率,也不含商标图像。造型刻意做成通用样式:带灵动岛式开孔或挖孔摄像头的手机、笔记本电脑、平板电脑、桌面窗口和浏览器。
为什么要用 2× 或 3× 导出?
高密度屏幕每个 CSS 像素对应两到三个设备像素,1× 的图片在上面会发虚;X 和 LinkedIn 等平台还会缩小上传的图片,让小字更模糊。2× 在文件大小合理的前提下足以应对这两种情况,3× 则适合印刷和超大显示器。倍数只改变像素数量,不会改变布局。
全部图片工具