📴设备样机生成器 - 截图一键套手机/笔记本/浏览器外框
做产品介绍页、应用商店宣传图或作品集时,单独一张截图总显得单薄,放进设备外框里立刻就有了“真实产品”的感觉。这个工具内置 8 种矢量绘制的通用设备外框:带药丸形开孔的全面屏手机、安卓挖孔屏手机、平板、笔记本电脑、台式显示器、浅色与深色浏览器窗口、智能手表,机身有黑、银、沙金、深蓝四种配色,外框都是自己绘制的通用造型,不含任何品牌标识。截图可以裁切铺满(长图可顶部对齐)、完整显示或拉伸,网页长图还可以让屏幕比例跟随截图。每台设备都能单独设置大小、位置和 X/Y/Z 三个方向的旋转,透视倾斜用逐像素单应性(homography)变换渲染,四个角精确对齐、边缘抗锯齿,不是简单的斜切。一个画面里最多放 4 台设备,内置手机+笔记本、平板+手机、三台手机、显示器+手表、等距平铺等场景模板,在预览图上直接拖动摆位。背景可选渐变、纯色、透明或自己的图片,阴影和透视强度可调,最终按 16:9、4:5、1:1、9:16 等比例导出最高 3840 像素(4K)的 PNG。所有处理都在浏览器本地完成,截图不会上传。
免费 · 无需注册 · 浏览器本地处理最后更新:
正在加载工具...
如何使用设备样机生成器
- 1上传一张或多张截图,选一个场景模板(如手机 + 笔记本)
- 2点选设备,设置类型、颜色、截图适配方式和透视角度,在预览图上拖动调整位置
- 3选择背景、阴影和画布比例,导出最高 4K 的 PNG
常见问题
- 设备外框会侵犯品牌商标吗?
- 外框都是用矢量图形自己绘制的通用造型(圆角机身、药丸形或挖孔摄像头、通用窗口按钮),不含任何品牌标志、型号文字或特定产品的精确外观,适合放在宣传图和作品集里。如果需要官方设备图,请使用厂商提供的营销素材并遵守其使用规范。
- 透视倾斜是怎么做的,会不会变形或模糊?
- 工具先按目标大小把整台设备(含截图)画成平面图,再根据三个旋转角和透视强度算出四个角的投影位置,用单应性矩阵对每个像素做逆映射和双线性插值。四个角精确落在投影点上,透视方向的缩放是真实的近大远小。为避免近处放大后发虚,外框会按最大拉伸比例提高渲染分辨率。
- 截图比例和设备屏幕不一致怎么办?
- 默认“裁切铺满”,长截图可以选择顶部对齐只显示首屏;也可以选“完整显示”保留全部内容(两侧或上下留黑/白边)。对于浏览器窗口、显示器这类没有固定比例的设备,勾选“屏幕比例跟随截图”后屏幕会按截图比例生成,完全不裁切。
- 能导出透明背景吗?最大多大?
- 可以。背景选“透明”后导出的 PNG 保留透明通道,阴影也是半透明的,方便再放进 PPT、网页或设计稿里。导出尺寸按长边选择 1080、1920、2560 或 3840 像素(4K),画布比例可选 16:9、4:3、3:2、1:1、4:5、9:16、21:9。