手机样机生成器
手机样机生成器能把任意截图套进逼真的设备外框，几秒钟就把一张普通图片变成精致、可直接用于演示的视觉素材。无需打开 Photoshop，也不用四处寻找 Figma 插件，就能完美展示一款应用、一个网站或一个设计概念。
可从五种设备中任选——iPhone、安卓、iPad、MacBook 和台式显示器，每一种都按精准比例绘制，并还原了灵动岛、挖孔摄像头、网络摄像头凹槽以及笔记本或显示器支架等真实细节。再添加纯色、渐变或透明背景，调好边距，即可导出清晰锐利的 PNG。
如何使用手机样机生成器
上传你的截图
将图片拖放到上传区域、点击该区域浏览选择，或按 Ctrl+V（Mac 上为 Cmd+V）从剪贴板粘贴。支持 PNG、JPG 和 WebP 格式。
选择设备
在工具栏中选择 iPhone、安卓、iPad、MacBook 或显示器。你的截图会自动适配到屏幕中，然后从随设备变化的色卡里挑一个机身配色。
设置背景样式
在纯色（取色器加八种预设）、渐变（八种预设）和无（导出透明背景）之间切换。然后拖动边距滑块来设定设备四周的留白。
下载 PNG
点击下载 PNG，即可保存以 3 倍缩放渲染的高清样机，可直接用于应用商店上架图、演示文稿、社交配图或你的作品集。
功能特点
五种设备类型
把截图套进 iPhone、安卓手机、iPad、MacBook 或台式显示器外框，每一种都还原了真实比例。
逼真的设备细节
灵动岛、安卓挖孔摄像头、iPad 摄像头小点、MacBook 网络摄像头凹槽与转轴，以及显示器的颈部和底座。
每种设备专属配色
每种设备都有自己的色卡——黑色、银色、蓝色、金色、白色、绿色、午夜色和深空灰——契合你的品牌。
纯色背景
用取色器调出任意色调，或点选八种预设之一，从靛蓝、天蓝到祖母绿、琥珀色和石板灰。
渐变背景
从八种渐变预设中挑选——靛紫、日落、海洋、祖母绿等等——打造抢眼的营销视觉。
透明背景导出
选择"无"背景即可导出透明 PNG，非常适合叠加到幻灯片上或合成进其他设计。
可调节边距
拖动边距控件即可增减设备外框四周的空间，从贴边铺满到宽松留白随心调节。
智能图片适配
截图会以裁切填充方式缩放并居中，任何宽高比都能干净利落地铺满设备屏幕。
高清 PNG
导出以 3 倍缩放渲染，输出清晰锐利，适配视网膜屏、应用商店截图和印刷。
拖放、点击或粘贴
随你喜欢添加截图——拖放文件、点击浏览，或直接从剪贴板粘贴。
常见问题
怎么把截图放进手机样机里？
将截图拖到上传区域、点击浏览选择，或用 Ctrl+V 粘贴来上传。然后选择 iPhone 或安卓，图片就会自动适配到设备外框内。挑一个配色和背景，再下载 PNG 即可。
支持哪些设备？
五种设备类型：iPhone（带灵动岛）、安卓手机（挖孔摄像头）、iPad、MacBook 和台式显示器。每个外框都通过代码以精准比例和设备专属细节绘制而成。
可以上传哪些图片格式？
PNG、JPG 和 WebP 图片都可以。来自设备或剪贴板的任何标准截图或图片文件都能放进样机里。
能导出透明背景的 PNG 样机吗？
可以。选择无背景选项即可导出完全透明的 PNG。当你想把样机放到幻灯片、其他设计或自定义背景之上时，这非常方便。
导出图片的分辨率是多少？
PNG 以预览分辨率的 3 倍渲染，生成的图片清晰锐利，适用于视网膜屏、App Store 截图和高质量印刷。具体像素尺寸取决于你选择的设备和设定的边距。
为什么我的截图在设备里看起来被裁掉了？
本工具采用裁切填充缩放来完整铺满设备屏幕，所以如果你的截图与设备宽高比不同，部分边缘会被裁掉以保持干净的贴合效果。为获得最佳效果，请使用宽高比与目标设备大致一致的截图。
我的图片会上传到服务器吗？
不会。一切都通过 HTML Canvas API 在你的浏览器本地运行。你的图片绝不会离开你的设备，也不会被存储或传输到任何地方。
这些样机可以商用吗？
可以。这些设备外框是用代码绘制的风格化图形——不是照片，也不含受商标保护的素材——所以你可以在个人和商业项目中自由使用生成的样机。
还没有评论，快来发表第一条！