工具95

编辑 / 实用图像指南

如何使用模板和背景美化截图

让截图更易于分享。

选择一个完整的设计,然后在实时预览中优化背景、浏览器框架和间距。使用社交画布或自定义尺寸,然后选择“开始”以导出 PNG、JPG 或 WebP。

跟随指南
真实源文件与下载的输出结果
处理前 编辑前的原始截图

原始样本:1440 x 900 像素。

处理后 处于“午夜”深色浏览器边框和蓝色渐变中的虚构仪表板

实际下载结果:2312 x 1301 像素。

该对比使用了原始样本和实际下载的输出结果,并为阅读进行了缩放。不同的画布尺寸以不同的显示比例显示;透明区域遵循页面背景。
广告
快速视频教程 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. 英语旁白 观看视频

How to beautify a screenshot with a template

广告

参考经过验证的示例,然后根据您自己的图片调整控件。 打开 截图美化工具.

01

从清晰的截图开始

打开“截图美化器”并选择“尝试示例”以加载此处使用的虚构仪表板,或上传您自己的图像。示例源是一个 1440 × 900 像素的 PNG。当小字很重要时,请使用原始捕获的图像,而不是从压缩的聊天预览中复制的截图。

该工具用于设置图像样式;它不会浏览网站或捕获 URL。对于该工作流程,请先使用“URL 转图像”进行捕获,然后将保存的图像在“截图美化器”中打开。

如果截图在不裁剪的情况下会变得太小而无法阅读,请在设置样式之前裁剪掉页面中无关的区域。

02

选择一个完整的模板

在手机上,打开“设置”。在设计库中选择“午夜”(Midnight)。它会应用深蓝色渐变、深色浏览器边框、协调的内边距、圆角和宽屏画布。预览会立即更新。

其他设计包括 Studio、Minimal、Floating、Ocean、社交卡片、柔和玫瑰色 和 暖色纸张。它们是可编辑的起点,而非固定的样机。先选择最接近的构图,然后仅调整需要更改的部分。“撤销”可返回到之前的设置。

“午夜”适合明亮的界面,因为较暗的背景使截图边缘清晰可见。

本指南中的示例

包含 1440 x 900 虚构仪表板;使用未更改的协调设置的“午夜”模板;导出比例 1x;PNG。2312 x 1301 的输出结果是从当前工具下载的。

来源
1440 x 900 像素
输出
2312 x 1301 像素
格式
PNG
处理中
在您的浏览器中
03

根据目标调整构图

背景可以是渐变、纯色、您自己的图片或透明。对于自定义图片,请使用“选择背景图片”。该背景会填充画布并可能被裁剪;截图则在不丢失原始边缘的情况下进行适配。窗口边框可以是“浅色浏览器”、“深色浏览器”或“无”。窗口标题是一个装饰性标签。

内边距控制截图周围的留白。圆角和阴影用于塑造卡片。画布形状包括方形、宽屏、纵向、故事和社交格式,以及“自定义尺寸”。非常高的截图在宽框架内会显得很小;请选择更高的画布或减小内边距,而不是指望通过放大来获得更多细节。

保持“午夜”设置和导出比例为 1x 以匹配此示例。导出比例在 8,000 像素边缘和 32 兆像素输出限制内提供 1x、2x 和 3x 选项。更大的尺寸无法重现上传图片中不存在的细节。

使用“原始”将样式化后的图片与原始截图进行比较,并以实用的缩放级别查看小字。

04

导出清晰的图像

选择 PNG 并点击“开始”。在结果页面使用“下载”保存实际文件。使用示例源文件和未更改的“午夜”设计,结果为 2312 x 1301 像素。其圆角卡片、阴影、边框和背景都包含在那一张图片中。

PNG 是界面文本的实用默认格式。WebP 支持带有有损压缩的透明区域,JPG 适用于对尺寸有要求且背景为纯色的图片。JPG 将透明度替换为白色。导出文件是扁平化的,因此如果您可能需要其他构图,请保留原始截图。

发布前检查下载的图片,特别是细小的文字和徽标。

实用详情

常见问题

此工具可以从链接捕获网页吗?

它为您提供的图像添加样式。请先使用“网址转图像”捕获网页,然后在此处打开结果。

包含哪些模板?

Studio、Midnight、Minimal、Floating、Ocean、Social card、Soft rose 和 Warm paper。每种设计均可调整。

截图会被裁剪吗?

截图被适配在设计内,并保留其边缘。自定义背景图像填充画布,可能会被裁剪以适应。

我可以使用自己的背景图像吗?

可以。在“背景”中选择“您自己的图像”,选择支持的本地图像,并在预览中查看适配后的背景。

我可以导出透明背景吗?

可以。选择“透明”并使用 PNG 或 WebP。JPG 使用白色背景,因为它不支持透明度。

导出比例能使小截图变清晰吗?

不能。它会放大输出尺寸。当小文字必须保持清晰时,请使用更高分辨率的源文件。

轮到你了

让截图更易于分享。

尝试示例或使用您自己的文件,并在分享前检查结果。

打开 截图美化工具

图像详情

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。