参考经过验证的示例,然后根据您自己的图片调整控件。 打开 截图美化工具.
从清晰的截图开始
打开“截图美化器”并选择“尝试示例”以加载此处使用的虚构仪表板,或上传您自己的图像。示例源是一个 1440 × 900 像素的 PNG。当小字很重要时,请使用原始捕获的图像,而不是从压缩的聊天预览中复制的截图。
该工具用于设置图像样式;它不会浏览网站或捕获 URL。对于该工作流程,请先使用“URL 转图像”进行捕获,然后将保存的图像在“截图美化器”中打开。
如果截图在不裁剪的情况下会变得太小而无法阅读,请在设置样式之前裁剪掉页面中无关的区域。
选择一个完整的模板
在手机上,打开“设置”。在设计库中选择“午夜”(Midnight)。它会应用深蓝色渐变、深色浏览器边框、协调的内边距、圆角和宽屏画布。预览会立即更新。
其他设计包括 Studio、Minimal、Floating、Ocean、社交卡片、柔和玫瑰色 和 暖色纸张。它们是可编辑的起点,而非固定的样机。先选择最接近的构图,然后仅调整需要更改的部分。“撤销”可返回到之前的设置。
“午夜”适合明亮的界面,因为较暗的背景使截图边缘清晰可见。
本指南中的示例
包含 1440 x 900 虚构仪表板;使用未更改的协调设置的“午夜”模板;导出比例 1x;PNG。2312 x 1301 的输出结果是从当前工具下载的。
- 来源
- 1440 x 900 像素
- 输出
- 2312 x 1301 像素
- 格式
- PNG
- 处理中
- 在您的浏览器中
根据目标调整构图
背景可以是渐变、纯色、您自己的图片或透明。对于自定义图片,请使用“选择背景图片”。该背景会填充画布并可能被裁剪;截图则在不丢失原始边缘的情况下进行适配。窗口边框可以是“浅色浏览器”、“深色浏览器”或“无”。窗口标题是一个装饰性标签。
内边距控制截图周围的留白。圆角和阴影用于塑造卡片。画布形状包括方形、宽屏、纵向、故事和社交格式,以及“自定义尺寸”。非常高的截图在宽框架内会显得很小;请选择更高的画布或减小内边距,而不是指望通过放大来获得更多细节。
保持“午夜”设置和导出比例为 1x 以匹配此示例。导出比例在 8,000 像素边缘和 32 兆像素输出限制内提供 1x、2x 和 3x 选项。更大的尺寸无法重现上传图片中不存在的细节。
使用“原始”将样式化后的图片与原始截图进行比较,并以实用的缩放级别查看小字。
导出清晰的图像
选择 PNG 并点击“开始”。在结果页面使用“下载”保存实际文件。使用示例源文件和未更改的“午夜”设计,结果为 2312 x 1301 像素。其圆角卡片、阴影、边框和背景都包含在那一张图片中。
PNG 是界面文本的实用默认格式。WebP 支持带有有损压缩的透明区域,JPG 适用于对尺寸有要求且背景为纯色的图片。JPG 将透明度替换为白色。导出文件是扁平化的,因此如果您可能需要其他构图,请保留原始截图。
发布前检查下载的图片,特别是细小的文字和徽标。
常见问题
此工具可以从链接捕获网页吗?
它为您提供的图像添加样式。请先使用“网址转图像”捕获网页,然后在此处打开结果。
包含哪些模板?
Studio、Midnight、Minimal、Floating、Ocean、Social card、Soft rose 和 Warm paper。每种设计均可调整。
截图会被裁剪吗?
截图被适配在设计内,并保留其边缘。自定义背景图像填充画布,可能会被裁剪以适应。
我可以使用自己的背景图像吗?
可以。在“背景”中选择“您自己的图像”,选择支持的本地图像,并在预览中查看适配后的背景。
我可以导出透明背景吗?
可以。选择“透明”并使用 PNG 或 WebP。JPG 使用白色背景,因为它不支持透明度。
导出比例能使小截图变清晰吗?
不能。它会放大输出尺寸。当小文字必须保持清晰时,请使用更高分辨率的源文件。
让截图更易于分享。
尝试示例或使用您自己的文件,并在分享前检查结果。