# 设备样机生成器 - 截图一键套手机/笔记本/浏览器外框

> 免费在线制作设备样机：把截图放进手机、安卓挖孔屏、平板、笔记本、显示器、浏览器窗口、手表外框，支持 3D 透视倾斜、多设备组合、阴影与背景，导出最高 4K PNG。

- 网址: https://qilingtools.com/zh/image/mockup
- 分类: 图片工具 (https://qilingtools.com/zh/image)
- 标签: [图片](https://qilingtools.com/zh/tags/image), [设计配色](https://qilingtools.com/zh/tags/design), [社交媒体](https://qilingtools.com/zh/tags/social)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

做产品介绍页、应用商店宣传图或作品集时，单独一张截图总显得单薄，放进设备外框里立刻就有了“真实产品”的感觉。这个工具内置 8 种矢量绘制的通用设备外框：带药丸形开孔的全面屏手机、安卓挖孔屏手机、平板、笔记本电脑、台式显示器、浅色与深色浏览器窗口、智能手表，机身有黑、银、沙金、深蓝四种配色，外框都是自己绘制的通用造型，不含任何品牌标识。截图可以裁切铺满（长图可顶部对齐）、完整显示或拉伸，网页长图还可以让屏幕比例跟随截图。每台设备都能单独设置大小、位置和 X/Y/Z 三个方向的旋转，透视倾斜用逐像素单应性（homography）变换渲染，四个角精确对齐、边缘抗锯齿，不是简单的斜切。一个画面里最多放 4 台设备，内置手机+笔记本、平板+手机、三台手机、显示器+手表、等距平铺等场景模板，在预览图上直接拖动摆位。背景可选渐变、纯色、透明或自己的图片，阴影和透视强度可调，最终按 16:9、4:5、1:1、9:16 等比例导出最高 3840 像素（4K）的 PNG。所有处理都在浏览器本地完成，截图不会上传。

## 使用步骤

1. 上传一张或多张截图，选一个场景模板（如手机 + 笔记本）
2. 点选设备，设置类型、颜色、截图适配方式和透视角度，在预览图上拖动调整位置
3. 选择背景、阴影和画布比例，导出最高 4K 的 PNG

## 功能特点

- 8 种通用设备外框：全面屏手机、挖孔屏安卓、平板、笔记本、显示器、浅色/深色浏览器、手表
- 4 种机身配色，横屏/竖屏切换
- 截图裁切铺满（可顶部对齐）、完整显示、拉伸，屏幕比例可跟随截图
- X/Y/Z 三轴 3D 透视倾斜，逐像素单应性变换
- 最多 4 台设备同屏，7 个场景模板，拖动摆位
- 渐变 / 纯色 / 透明 / 图片背景，阴影与透视强度可调
- 导出最高 3840 像素（4K）PNG，支持透明背景
- 纯本地处理，截图不上传

## 常见问题

### 设备外框会侵犯品牌商标吗？

外框都是用矢量图形自己绘制的通用造型（圆角机身、药丸形或挖孔摄像头、通用窗口按钮），不含任何品牌标志、型号文字或特定产品的精确外观，适合放在宣传图和作品集里。如果需要官方设备图，请使用厂商提供的营销素材并遵守其使用规范。

### 透视倾斜是怎么做的，会不会变形或模糊？

工具先按目标大小把整台设备（含截图）画成平面图，再根据三个旋转角和透视强度算出四个角的投影位置，用单应性矩阵对每个像素做逆映射和双线性插值。四个角精确落在投影点上，透视方向的缩放是真实的近大远小。为避免近处放大后发虚，外框会按最大拉伸比例提高渲染分辨率。

### 截图比例和设备屏幕不一致怎么办？

默认“裁切铺满”，长截图可以选择顶部对齐只显示首屏；也可以选“完整显示”保留全部内容（两侧或上下留黑/白边）。对于浏览器窗口、显示器这类没有固定比例的设备，勾选“屏幕比例跟随截图”后屏幕会按截图比例生成，完全不裁切。

### 能导出透明背景吗？最大多大？

可以。背景选“透明”后导出的 PNG 保留透明通道，阴影也是半透明的，方便再放进 PPT、网页或设计稿里。导出尺寸按长边选择 1080、1920、2560 或 3840 像素（4K），画布比例可选 16:9、4:3、3:2、1:1、4:5、9:16、21:9。

## 相关工具

- [PDF 转图片](https://qilingtools.com/zh/pdf/to-image): 免费在线 PDF 转图片工具：将 PDF 每一页渲染为高清 JPG 或 PNG 图片，可选 72/150/300 DPI，批量打包下载，本地处理不上传。
- [图片转 PDF](https://qilingtools.com/zh/pdf/from-image): 免费在线图片转 PDF 工具：把多张 JPG、PNG、WebP 图片按顺序合成一个 PDF，支持 A4 或按图片尺寸排版，本地处理不上传。
- [图片压缩](https://qilingtools.com/zh/image/compress): 免费在线图片压缩工具：批量压缩 JPG、PNG、WebP 图片体积，可调质量与最大尺寸，显示压缩前后对比，本地处理不上传。
- [图片改尺寸](https://qilingtools.com/zh/image/resize): 免费在线图片缩放工具：按像素宽高或百分比批量修改图片尺寸，可锁定比例，支持 JPG/PNG/WebP，本地处理不上传。
- [图片格式转换](https://qilingtools.com/zh/image/convert): 免费在线图片格式转换工具：把 JPG、PNG、WebP、GIF、BMP 等图片批量转换为 JPG、PNG 或 WebP，本地处理不上传。
- [图片加水印](https://qilingtools.com/zh/image/watermark): 免费在线图片水印工具：批量给图片添加文字水印，支持位置、平铺、透明度、字号、颜色设置，本地处理不上传。
- [长图拼接](https://qilingtools.com/zh/image/stitch): 免费在线图片拼接工具：把多张截图或照片按纵向/横向拼接成一张长图，可设置间距与背景色，本地处理不上传。
- [抠图去背景](https://qilingtools.com/zh/image/remove-bg): 免费在线抠图工具：AI 自动识别人像、商品、动物等主体，一键去除背景生成透明 PNG，也可换成白/红/蓝等纯色底（证件照换底色）。浏览器本地处理，图片不上传。