把截图放进逼真的 3D 设备，任意角度展示
拖入截图或设计稿，它就会出现在 3D 手机、平板、笔记本、台式显示器或浏览器窗口的屏幕上。用滑块、输入角度、方向键或直接拖动，让设备绕 X、Y、Z 轴旋转；选择设备颜色、背景和柔和的阴影；然后导出最高 8192 像素的清晰 PNG、JPEG 或 WebP——如果要放到自己的幻灯片或落地页上，还可以用透明背景。设备由代码建模，在你的浏览器中用 WebGL 渲染，因此不会上传任何内容，也没有水印。
如何制作设备样机
- 1把截图拖到页面上、选择文件，或用 Ctrl/⌘ + V 粘贴。在此之前会显示一个示例应用界面。
- 2选择手机、平板、笔记本、台式机或浏览器。选一个颜色——浏览器窗口则选择浅色或深色工具栏，以及其中显示的网址。手机和平板可以切换为横屏；笔记本的屏幕可以打开到任意角度。
- 3在预览上方的栏中选择一个视角——主图 ¾、正面、左倾/右倾、等距或平铺俯拍——然后在视角标签页中微调，或在预览中拖动设备。
- 4设置背景（透明、纯色、渐变或用你自己的截图做模糊）、阴影和光线方向。
- 5选择宽高比、尺寸和格式，然后下载图片或复制到剪贴板。
手机、平板、笔记本、台式机和浏览器 3D 样机
平面样机模板只有一个固定角度。这里的设备是真正的 3D 模型，所以同一张截图，几秒钟就能做出正面展示的 App Store 风格截图、富有张力的四分之三角度主图，或适合社交媒体帖子的平放效果。
手机样机采用现代全面屏，带药丸形摄像头开孔、抛光金属边框和背面三摄。平板样机采用当下 iPad 类平板风格的纤薄均匀边框，笔记本样机则有完整键盘、触控板，以及可以从合上一直打开到完全后仰的屏幕。它们是与当下热门设备相似的通用设计——在大家搜索 iPhone 样机、iPad 样机或 MacBook 样机时同样适用——但不是官方产品图片，本工具与 Apple 或任何其他厂商均无关联。
浏览器窗口中的网站样机
网站或 Web 应用请选择浏览器：你的截图会填满一个简洁桌面浏览器窗口的页面区域，带有窗口按钮和显示你所输入域名的地址栏。工具栏有浅色和深色两种，可以搭配你的设计；窗口可以像设备一样以任意角度悬浮，也可以正对前方，做成清晰的平面网站样机。
更想要真实硬件？台式机会把页面放到立在铝制支架上的窄边框大显示器上，就像在工作室显示器上看网站一样。配合填充和顶部，长长的整页截图会显示它的第一屏，正如访客看到的那样。
控制项
- X、Y、Z 旋转
- X 让设备朝你或远离你倾斜，Y 让它左右转动，Z 让它在画面平面内旋转。每项范围为 −180° 到 180°，也可以直接输入数值。在预览中拖动可绕 X 和 Y 旋转，按住 <kbd>Shift</kbd> 拖动可绕 Z 旋转；也可以聚焦预览后使用方向键（按 <kbd>Shift</kbd> 每次 15°），<kbd>Q</kbd>/<kbd>E</kbd> 控制 Z，<kbd>R</kbd> 重置。
- 缩放与视野
- 缩放决定设备占画面的多少。视野决定透视：广角会像近距离手持的手机摄像头那样夸大纵深，而极窄的视野看起来几乎是正交投影，就像产品渲染图或等距插画。
- 屏幕适配
- <strong>填充</strong>铺满整个屏幕并裁掉多出的部分——对齐到顶部即可显示长整页截图的开头。<strong>适应</strong>显示完整图片，并用你选择的颜色补边，<strong>拉伸</strong>则把图片变形成屏幕的形状。
- 玻璃反光
- 盖板玻璃上一层淡淡的影棚灯光反射，让屏幕看起来像玻璃而不是贴纸。关闭它可获得完全平整的屏幕颜色。
- 背景与阴影
- 可导出为透明背景、纯色、双色渐变，或用你自己的截图做柔和模糊。阴影可以落在设备下方的地面上，适合放在桌上的笔记本；也可以落在后方的墙上，让手机呈现悬浮的投影。
- 光照
- 设备由柔和的影棚环境照亮，金属和玻璃会呈现逼真的反射。光线角度会让灯光和反射绕设备转动；强度会让整个场景变亮或变暗。
导出尺寸与格式
图片会按你导出的尺寸重新渲染——长边 1080、2048 或 4096 像素，或 256 到 8192 之间的任意自定义尺寸——比例可选正方形 1:1、竖版 4:5、横版 16:9、快拍 9:16 或 4:3。由于是重新渲染而不是放大预览，无论你的屏幕多大，每个尺寸下边缘都保持清晰。
PNG 是无损格式并保留透明度，适合要放到网站、幻灯片或设计文件中的样机。WebP 同样保留透明度，而且体积小得多。JPEG 不支持透明，因此透明背景会被填成白色。复制会把 PNG 放进剪贴板，可直接粘贴到 Figma、Keynote、Slack 或文档中。
做出更好样机的小技巧
保护设计隐私的免费样机生成器
未发布的应用界面和客户作品不应该上传到别人的服务器上。在这里，你的截图完全在你的设备上用 WebGL 读取、绘制和渲染，绝不会发送到任何地方。无需账号，没有水印，制作样机的数量也没有限制。你的设置——设备、角度、背景和导出选项——会保存在此浏览器中；图片不会。
常见问题
- 这个设备样机生成器免费吗？
- 免费。所有设备、颜色、角度和导出尺寸都免费，无需注册，也没有水印。
- 可以用它做 iPhone 或 iPad 样机吗？
- 你可以制作与当下热门机型相似的现代手机或平板样机，这正是大多数人预览应用或网站所需要的。这些模型是通用的，由代码绘制；它们不是 Apple 官方产品图片，本工具也与 Apple 无关联。
- 可以做网站或浏览器样机吗？
- 可以。选择浏览器，把网站截图放进带地址栏的桌面浏览器窗口——输入你自己的域名，并选择浅色或深色工具栏；或者选择台式机，把它显示在带支架的大显示器上。
- 怎样得到透明 PNG 样机？
- 把背景设为透明，格式设为 PNG（或 WebP），然后下载。阴影会保留为柔和的半透明像素，因此能与样机所放置的任何背景自然融合。
- 如何旋转设备？
- 使用 X、Y、Z 滑块，或输入 −180° 到 180° 之间的精确角度。也可以在预览中拖动设备——按住 Shift 可在平面内旋转——或点击预览后使用方向键。预设可一键跳到常用视角，重置则恢复默认角度。
- 可以导出多大分辨率？
- 长边 1080、2048 或 4096 像素，或最大 8192 像素的自定义尺寸，比例可选 1:1、4:5、16:9、9:16 或 4:3。样机会按该尺寸重新渲染，所以是清晰的，而不是放大出来的。
- 截图在屏幕上被裁掉了，怎样完整显示？
- 把屏幕适配从填充切换为适应，就会显示完整图片，并用你选择的颜色补边。使用填充时，对齐按钮决定保留长截图的顶部、中部还是底部。
- 我的截图会被上传吗？
- 不会。3D 场景在你的浏览器中用 WebGL 运行，图片从不离开你的设备。
- 提示 WebGL 不可用，怎么办？
- 3D 视图需要 WebGL。请在浏览器设置中开启硬件加速、更新显卡驱动，或换一个浏览器试试；任何最新版本的 Chrome、Edge、Firefox 或 Safari 都支持。