截图样机生成器
把截图放进浏览器窗口、应用窗口、手机、平板或笔记本边框中，并配上渐变或纯色背景和阴影，下载为 PNG。
将图片拖放到此处，或点击选择图片
也可以直接从剪贴板粘贴图片（Ctrl+V / ⌘V）
完全在浏览器中运行，您的数据不会被上传。
什么是 截图样机生成器？
截图样机工具会把你的截图放进简洁的通用设备或窗口边框中：浅色或深色浏览器窗口（地址栏显示你的网址）、普通的应用窗口、手机、平板或笔记本电脑。可添加渐变、纯色或透明背景、内边距和投影，然后导出 PNG，用于落地页、文档或社交帖子。
如何使用 截图样机生成器
- 拖放、选择或粘贴截图。
- 选择边框样式；对于浏览器边框，输入地址栏文字。
- 选择背景（渐变、纯色或透明）、其颜色、内边距和投影。
- 下载 PNG 样机。
示例
输入
40×20 screenshot, frame Browser window (light), padding 0, transparent background
输出
40×64 PNG: a 44 px title bar with window dots and address bar above the screenshot
何时使用 截图样机生成器
用于让截图在产品页面、README 文件、更新日志、演示文稿或推文中显得更精致。如需照片级的设备渲染图或透视样机，请使用专门的设计工具。
截图样机生成器 的工作原理
一切都绘制在 canvas 上。浏览器和应用窗口会按截图的大小确定尺寸（在其上方添加标题栏，大小随截图宽度缩放），因此截图保持完整分辨率。手机、平板和笔记本边框使用固定的屏幕宽高比（19.5:9、4:3 和 16:10）：截图会缩放到屏幕宽度并从顶部开始绘制，超出的部分被裁掉。这些边框是简单的通用形状，并非特定品牌设备的复制品。
常见用例
- 在落地页上展示 Web 应用截图。
- 为文档中的截图添加浏览器边框。
- 为移动网站制作手机样机，用于社交媒体。
- 用品牌渐变背景制作风格一致的更新日志图片。
安全提示
图片使用 Canvas API 在你的浏览器本地解码、处理和编码，不会上传到任何服务器。
常见问题
我的截图会被缩放吗？
在浏览器和应用边框中会保持原始大小。在手机、平板和笔记本边框中，会缩放到屏幕宽度，如果比屏幕高，底部会被裁掉。
可以得到透明背景吗？
可以，把背景选为透明；PNG 会在边框和阴影周围保留透明度。
这些是真实的设备型号吗？
不是。这些边框是中性的通用设计，可以自由使用，无需担心商标问题。