选择一个完整的设计
八个模板设置了协调的背景、框架和间距。
可用的初始设计
Studio、Midnight、Minimal、Floating、Ocean、社交卡片、柔和玫瑰色 和 暖色纸张 提供不同的初始构图。模板会同时更改多项设置,包括背景、内边距、圆角、阴影、窗口框架和画布比例。从最接近的设计开始,然后调整各个控件。撤销操作可恢复您之前的构图。
使用八种模板、渐变、浏览器框架和阴影来美化截图。调整间距和画布大小,然后下载清晰的 PNG、JPG 或 WebP。
下载完成的文件。
选择一个完整的设计,然后在实时预览中优化背景、浏览器框架和间距。使用社交画布或自定义尺寸,然后选择“开始”以导出 PNG、JPG 或 WebP。

八个模板设置了协调的背景、框架和间距。
Studio、Midnight、Minimal、Floating、Ocean、社交卡片、柔和玫瑰色 和 暖色纸张 提供不同的初始构图。模板会同时更改多项设置,包括背景、内边距、圆角、阴影、窗口框架和画布比例。从最接近的设计开始,然后调整各个控件。撤销操作可恢复您之前的构图。
使用渐变、纯色、您自己的图像或透明背景。
选择渐变色板或编辑两种颜色及角度。您自己的图像会打开本地背景图像选择器;该背景将填充画布并可裁剪至其形状。截图本身被放置在设计内部。透明背景适用于 PNG 和 WebP;JPG 会用白色填充透明区域。
添加浅色或深色浏览器栏,或者让图像保持无边框状态。
窗口框架提供浅色浏览器、深色浏览器和无边框选项。可选的窗口标题最多可接受 100 个字符,且为装饰性文本,而非有效的 URL。对于网站截图,请使用浏览器框架;对于不需要浏览器外观的照片或应用界面,请选择“无”。
微调内边距、圆角和阴影。
内边距范围为 0 到 30%。圆角和阴影会影响截图卡片。源图像在不丢失外边缘的情况下进行适配,因此高截图在宽画布上可能显得较小。请选择更高的画布或减小内边距以提供更多空间。
适配截图或使用方形、宽屏、纵向和故事格式。
适配截图遵循源形状。其他预设包括方形、宽屏、纵向、故事和社交卡片。自定义尺寸接受宽度和高度。导出比例将完整设计乘以 1、2 或 3,受限于每边 8,000 像素和 32 百万像素的限制。增加比例不会恢复缺失的源细节。
检查源文件、恢复编辑并导出完成的设计。
“原始”暂时显示未加样式的源文件。撤销和重做可恢复最近的更改。PNG 是小型 UI 文字和透明边缘的良好起点。JPG 和 WebP 可以通过有损压缩生成更小的文件。“开始”渲染与预览相同的构图;“下载”保存一张扁平化图像。
每个文件最大 25 MB。 每次运行仅限一个输入文件。
每个上传的图像最大 25 MB。解码后的源文件必须在 64 百万像素和每边 16,384 像素以内。
图像编辑和导出在您的浏览器中运行;源文件保持不变。
文件在服务器上进行处理。当浏览器无法解码或需要文档预览时,预览准备过程也可能会上传文件。 服务器下载内容在您的会话中最多保留两小时。
对于图像结果,请使用下载结果下方的“继续”来选择兼容的下一步。您可以选择要保留的图像;下一个工具将以其自身的设置开始。
刷新编辑器或下载页面将返回工具页面。 在开始新工作流之前,请先下载结果。 查看我们的 隐私政策 以了解文件处理方式。
开始前的一些解答。
临时服务器处理它为您提供的图像添加样式。请先使用“网址转图像”捕获网页,然后在此处打开结果。
Studio、Midnight、Minimal、Floating、Ocean、Social card、Soft rose 和 Warm paper。每种设计均可调整。
截图被适配在设计内,并保留其边缘。自定义背景图像填充画布,可能会被裁剪以适应。
可以。在“背景”中选择“您自己的图像”,选择支持的本地图像,并在预览中查看适配后的背景。
可以。选择“透明”并使用 PNG 或 WebP。JPG 使用白色背景,因为它不支持透明度。
不能。它会放大输出尺寸。当小文字必须保持清晰时,请使用更高分辨率的源文件。
快速视频教程
How to beautify a screenshot with a template
Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration.
英语旁白
观看视频