自 2010 年 · 每月支持超过 200 万次工具运行
自 2010 年
添加到 Chrome

我的工具箱

自动模式

还没有收藏的工具。

升级为高级版
相关工具
下一步
设备样机生成器
更多工具
图片裁剪工具为图片添加文字圆角图片生成器拍立得照片生成器给图片添加阴影拼贴制作器
主页 > 杂项 > 图像工具
 

截图美化工具

MiniWebtool 的截图美化工具可在浏览器中为截图添加展示样式。设置渐变留白、圆角和阴影，并可选窗口边框；也可让背景颜色匹配图片。

不确定怎么使用？问问 AI
Gemini (复制并打开)

使用 Gemini 时，请将复制的问题粘贴到聊天框。也可以在下方手动复制。

查看提问内容

每天免费 3 次无需注册即时出结果
截图美化工具立即免费试用 ▼
原始代码截图，几秒变成可发布的图片

添加留白、渐变背景、圆角和柔和阴影，并按 X、LinkedIn 或幻灯片的准确尺寸导出。

screenshot.png
导出尺寸 0 × 0 内置演示截图 — 拖入你自己的截图即可替换
✨ 风格预设
一键示例 — 一次同时设置背景、留白、圆角半径、阴影和边框。
🎨 背景
📐 形状
8%
16
0°
阴影
🪟 窗口边框
🖥️ 画布尺寸
⬇️ 导出
不会上传任何内容 — PNG 由你自己的浏览器编码。

Embed 截图美化工具 Widget

截图美化工具

截图美化工具把操作系统生成的贴边原始矩形，变成看起来经过设计的图片：放在彩色留白中，带圆角、下方柔和阴影，以及可选的窗口边框。拖入截图，选择预设，再下载适合发布位置的 PNG。文件由你自己的浏览器读取和绘制，因此仪表盘、发票或内部工具的截图不会离开你的设备。

功能概览

截图美化工具将截图放置在带内边距的背景上，并添加圆角、阴影以及可选的窗口边框。您可以导出适合目标发布平台尺寸的 PNG。

截图美化工具：功能一览
功能具体内容适用场景
背景渐变预设、纯色、透明，或自动模式（从您自己的截图中取色）。与截图相匹配的内边距
圆角与阴影圆角半径可调，阴影有四个深度，从无阴影到强烈阴影。内边距以百分比设置，会随图片缩放。与您发布页面的转角风格保持一致
窗口边框macOS 样式边框（带三个圆点）、带可输入地址栏的浏览器边框，或不加边框。展示截图来自应用还是网页
透视倾斜水平倾斜可产生类似 3D 的样机效果。页面建议倾斜 5 至 15 度，以保证文字可读。用于落地页的产品样机
画布预设自动、方形 1080x1080、竖版 1080x1350、X 帖子 1600x900、Open Graph 1200x630、LinkedIn 1200x627 和故事 1080x1920。发布时无需事后再调整尺寸
添加与导出拖入、浏览或使用 Ctrl+V 粘贴 PNG 或 JPG。可下载 PNG，或将图片复制到剪贴板。用于文档、帖子和更新日志的快速截图

工具实际会改什么

截图内部内容完全不动。每一项设置都作用在它周围的画框上，下图标出了你正在调整的四层。

留白 圆角半径 投影 渐变画布
渐变画布截图背后的彩色区域。可选择预设、纯色、透明，或让自动从你自己的图片中取样颜色。
留白截图与画布边缘之间的间隙，按百分比设置，因此会随图片缩放，而不是固定像素。
圆角半径截图边角有多圆。与你发布表面的圆角匹配，才会让图片感觉原生。
投影把截图从画布上托起来的下方模糊。四种深度，从平面到强烈。

自动背景，以及它为什么重要

多数截图美化工具给你的是人人都在用的那十几套渐变，结果看起来像模板。自动色块则会把截图缩小成缩略图，平均其颜色，再以该色相生成双色渐变，并把饱和度和明度推到图片背后仍然可读的区间。蓝色分析仪表盘会得到深蓝紫画布，暖色照片会得到琥珀色画布。只需一点，这是让留白看起来是选出来的、而不是默认值的最快方法。

窗口边框与透视倾斜

边框会立刻告诉读者他们在看什么。macOS 边框加上熟悉的三颗交通灯圆点，读起来像桌面应用。浏览器边框在圆点之外再加上可输入自己域名的地址栏，读起来像网页，并悄悄把你的 URL 放进图片。当截图本身已包含界面边框时，请选择无。

倾斜滑块施加水平透视，逐列绘制带边框的截图，使近边高于远边。少量（五到十五度）就能得到 3D 产品样机效果；再大，截图里的文字就开始难读，这时就该停手。

各平台的导出尺寸

截图美化工具: 各平台的导出尺寸
画布预设像素比例最适合
自动跟随原图原始博客文章、文档、更新日志、邮件
方形1080 x 10801:1Instagram 信息流、头像、轮播
竖图1080 x 13504:5Instagram 可完整显示的最高图片
X 帖子1600 x 90016:9X 和 Mastodon 信息流图片
Open Graph1200 x 6301.91:1X、Slack、LinkedIn、Discord 上的链接预览
LinkedIn1200 x 6271.91:1LinkedIn 信息流帖子
快拍1080 x 19209:16Instagram 和 TikTok 快拍、Reels 封面

当预设比截图更窄或更高时，截图会缩小以放入留白之内，而不是裁切，因此其中任何内容都不会被切掉。

如何使用截图美化工具：分步说明

  1. 添加截图：将 PNG 或 JPG 拖到上传面板上，点击面板浏览文件，或按 Ctrl+V 直接从剪贴板粘贴。
  2. 选择风格预设：点击日落、海洋、薄荷、葡萄、岩灰或纸白，一次同时设置背景、留白、半径和阴影。
  3. 微调：调整留白、圆角半径、阴影、边框和倾斜。每次更改都会重绘预览。
  4. 选择输出尺寸：为你要发布的平台选择画布预设，这样就不必事后再改尺寸。
  5. 导出：“下载 PNG”保存文件，“复制图片”放到剪贴板，可直接粘贴到帖子中。

实用技巧

隐私

每一步都通过 HTML5 canvas API 在浏览器标签页中运行。截图用本地对象 URL 读取、绘制，再用浏览器自己的 PNG 编码器导出。不会上传、存储或传输任何图片，页面加载完成后，工具完全不需要网络也能继续使用。

常见问题

我的截图会被上传到任何地方吗？

不会。整个工具是在浏览器标签页中运行的 canvas 脚本，你拖入的文件在本地读取、在本地绘制。不会发送到服务器，因此产品仪表盘、发票和其他机密截图会留在你的设备上。页面加载完成后即使离线，工具也能继续使用。

社交媒体应该导出多大尺寸？

使用画布预设。X 帖子在 1600×900（16:9）效果最好，Instagram 信息流帖子为 1080×1350（4:5），Instagram 和 TikTok 快拍为 1080×1920（9:16），LinkedIn 帖子为 1200×627，几乎所有平台的链接预览为 1200×630（Open Graph 预设）。自动会保留截图本身的比例，只加上留白。

为什么加上留白会让截图更好看？

原始截图是贴边的矩形，出现在信息流里会和帖子背景撞在一起，看起来像杂物。留白给图片自己的边距，圆角避免它和周围卡片圆角打架，阴影把它从背景上托起来，让眼睛把它当成一个对象。内容没有改变，只改了取景。

可以保留透明背景吗？

可以。选择透明背景色块后，留白区域会导出为透明通道而不是颜色，圆角、边框和阴影仍会绘制。随后下载 PNG 会保留该透明度。当你要把结果放到幻灯片或页面上、并让它们自己的背景透出来时，就用这个选项。

如何从剪贴板粘贴截图？

用会把截图复制到剪贴板的快捷键截屏，例如 Windows 上的 Win+Shift+S 或 PrtScn，或 Mac 上的 Cmd+Ctrl+Shift+4，然后点击本页任意位置并按 Ctrl+V（Mac 上为 Cmd+V）。图片会从粘贴事件中取出并加载到预览，全程不经过磁盘上的文件。

自动背景选项做什么？

自动会把截图缩到很小，平均其颜色，再以该平均色相生成双色渐变，并把饱和度和明度推到图片背后仍然可读的范围。结果是属于这张截图的留白，而不是通用的紫色渐变，这通常就是精心设计的帖子图和模板图的差别。

引用此内容、页面或工具为：

"截图美化工具" 于 https://MiniWebtool.com/zh-cn/截图美化工具/，来自 MiniWebtool，https://MiniWebtool.com/

由 miniwebtool 团队提供。更新日期：2026 年 9 月 4 日

与喜欢的 AI 聊聊这个工具

Gemini (复制并打开)

使用 Gemini 时，请将复制的问题粘贴到聊天框。也可以在下方手动复制。

查看提问内容

图像工具:

热门与最新工具:

CSS美化工具HTML美化器给图片添加边框查看全部 →
主页 > 杂项 > 图像工具 > 截图美化工具