设备样机生成器
把截图放入 iPhone、Android、iPad、MacBook、浏览器窗口或显示器边框。裁切计量条会精确显示被裁掉多少，PNG 在你的浏览器中绘制。
你的广告拦截器导致我们无法展示广告
MiniWebtool 依靠广告收入免费提供服务。如果这个工具帮到了你，欢迎升级获得无广告浏览和更多每日使用次数，或将 MiniWebtool.com 加入白名单后刷新页面。
- 允许 MiniWebtool.com 显示广告，然后刷新
- 或升级获得无广告浏览和更高每日额度
设备样机生成器
设备样机生成器把截图放入真实设备边框：带灵动岛的 iPhone、Android 手机、iPad、MacBook Pro、带标签栏和地址栏的浏览器窗口，或带支架的桌面显示器。每种边框都按该设备真实的屏幕比例绘制，因此你导出的就是截图在实机上的样子。边框画在你自己浏览器标签页里的画布上，这意味着未发布应用或内部仪表盘的截图不会离开你的电脑。
人们最常用的三种边框
边框是给读者的捷径：在他们还没读截图里任何一个字之前，就能一眼看出这是手机应用、网页还是桌面工具。
裁切计量条：多数样机工具都会漏掉的部分
设备屏幕有固定形状。iPhone 屏幕是 1179×2556，大约 9:19.5，而你截到的图几乎从不会刚好是这个比例。多数样机生成器会悄悄放大图片直到铺满屏幕，再丢掉超出边缘的部分，于是你往往要等到发帖之后，才发现价格表底部已经不见了。
这个工具会把它量出来。在铺满屏幕模式下，适配按钮下方的计量条会报告边框正好遮住了截图的百分之几，数字升高时条会从绿色变成红色。如果比你能接受的还高，有两条出路：
- 平移。滑块沿溢出的轴向移动可见区域，因此你可以保留页眉、中部或页脚，而不是接受居中裁切。
- 完整显示。截图会缩小到每一个像素都落在屏幕内，剩余条带用你选择的颜色填充。不会裁切，代价是上下或左右会出现可见色带。
经验法则：裁切大约低于 8% 时读者看不出来，8% 到 25% 只要平移保住主体就可以，超过 25% 就应改按设备宽高比重截，或切换到完整显示。
选哪种边框，用什么分辨率
| 边框 | 屏幕像素 | 比例 | 适用于 |
|---|---|---|---|
| iPhone | 1179 × 2556 | 9:19.5 | App Store 配图、移动应用帖子、引导流程 |
| Android | 1080 × 2400 | 9:20 | Play Store 上架页和一切 Android 专用内容 |
| iPad Pro | 1668 × 2388 | 7:10 | 平板应用、阅读和绘图工具、自助终端屏幕 |
| MacBook Pro | 3024 × 1964 | 3:2 | 桌面软件、设计工具、开发工作流 |
| 浏览器 | 1440 × 900 | 16:10 | URL 本身也是重点的网页和 SaaS 仪表盘 |
| 显示器 | 2560 × 1440 | 16:9 | 宽屏仪表盘、视频编辑器、演示静帧 |
达到或超过这些像素尺寸的截图，在任何导出尺寸下都会保持清晰。更小的会被放大，最先变糊的是截图里小字的抗锯齿。
如何使用设备样机生成器：逐步操作
- 添加截图：把 PNG 或 JPG 拖到上传区，点击浏览，或按 Ctrl+V 从剪贴板直接粘贴。
- 选择设备边框：iPhone、Android、iPad、MacBook、浏览器或显示器。手机和平板边框还可以在竖屏和横屏之间切换。
- 查看裁切计量条：如果隐藏太多，拖动平移滑块，或切换到完整显示以免丢失内容。
- 设置边框样式：设置边框颜色、背景、边距、阴影和反光。在浏览器边框上，自行输入标签页标题和地址。
- 导出：选择导出尺寸，然后下载 PNG 保存样机，或复制图片粘贴到帖子中。
实用技巧
- 能按设备宽高比截图就尽量这样做。截图前把浏览器窗口调成 1179×2556，裁切计量条会显示 0%，样机也是像素级对齐。
- URL 很重要时用浏览器边框。在地址栏输入自己的域名，不用另加说明文字就能把品牌放进图里。
- 边距保持在 6% 到 12%。 更小则设备会贴到帖子边缘；更大则信息流里屏幕会看不清。
- 让边框颜色匹配截图。深色模式截图用深空黑色，浅色截图用银色或钛金属色；浏览器外观栏会自动跟随同一选择。
- 文字多的屏幕把反光调低。轻微光泽读起来像玻璃，过强则像素材图，还会挡住文案。
- 幻灯片用透明导出。NONE 背景会给出带阴影的悬浮设备，可直接放到任何幻灯片或首屏区域。
隐私
一切都通过 HTML5 canvas API 发生在浏览器标签页里。截图从本地对象 URL 读取，画进边框，再由浏览器本身编码为 PNG。不会上传、存储或传输任何图片，页面加载完成后，即使没有网络连接，工具也能继续使用。
常见问题
我的截图会上传到服务器吗？
不会。设备边框由你自己浏览器标签页中的 HTML5 canvas API 绘制，截图从本地对象 URL 读取。不会发送到任何地方，因此未发布应用、内部仪表盘或客户项目的样机都留在你的电脑上。页面加载完成后，即使没有网络连接，工具也能继续使用。
有哪些设备边框？
共六种：带灵动岛的 iPhone、带挖孔摄像头的 Android 手机、iPad Pro、带刘海和底座的 MacBook Pro、带标签栏和地址栏的浏览器窗口，以及带支架的桌面显示器。每种边框都使用该设备真实的屏幕比例，因此这里做出的样机与截图在实机上的样子一致。
我的截图和设备屏幕形状不一样，会怎样？
这正是裁切计量条的用途。铺满屏幕会放大截图直到铺满整块屏幕，超出边缘的部分会被裁掉，计量条会告诉你被隐藏的精确百分比。平移滑块随后沿被裁切的轴向移动可见区域，以便保留重要部分。完整显示会缩小截图直到全部进入屏幕，并用你选择的颜色填充剩余条带，因此不会丢失任何内容。
截图应该用什么分辨率？
匹配你正在套用的设备：iPhone 为 1179×2556，Android 手机为 1080×2400，iPad 为 1668×2388，MacBook 为 3024×1964，浏览器窗口为 1440×900，显示器为 2560×1440。达到或超过这些尺寸会保持清晰。更小的截图也能用，但会被放大，文字周围会出现发虚的边缘。
可以把设备导出到透明背景上吗？
可以。选择 NONE 背景色块后，设备周围的留白会导出为透明通道而不是颜色，边框、屏幕和投影仍会绘制。下载 PNG 会保留该透明度，适合把样机放到幻灯片、首屏区域或需要透出页面自身背景的地方。
为什么浏览器边框会变成深色？
浏览器外观栏会跟随你选择的边框颜色。选择深空黑色后，标签栏、工具栏和地址栏会切换为深色主题，以便匹配深色模式截图；较浅的边框颜色则会使用浅色主题。标签页标题和地址是普通文本字段，因此可以把产品名称和域名写进图片。
引用此内容、页面或工具为：
"设备样机生成器" 于 https://MiniWebtool.com/zh-cn/设备样机生成器/，来自 MiniWebtool，https://MiniWebtool.com/
by miniwebtool team. Updated: 2026年9月4日