带壳截图生成器
把 App 截图套进手机设备边框，一键合成宣传样机图
免费在线带壳截图工具：上传 App 截图，选择 iPhone / 安卓 / iPad 等程序化矢量机型边框， 自定义边框颜色、背景渐变、屏幕圆角与边距，Canvas 本地合成并导出高清 PNG。 全程在浏览器内完成，图片不上传服务器，隐私安全。
截图素材（本地读取，不上传）
机型边框
边框为 Canvas 矢量绘制（圆角描边 + 灵动岛/孔位），非素材图片，任意输出尺寸都清晰。
边框颜色
背景
常用：1080（社媒）/ 1242（App Store）
实时预览（本地合成，未上传）
实时渲染# 什么是带壳截图？
带壳截图（Device Mockup）是把 App 或网页截图放入手机、平板等设备边框中合成的展示图， 常用于应用商店上架图、产品发布公告、融资 BP、社交媒体推广等场景。 相比直接贴一张裸截图，带壳效果更有产品感和真实感。 本工具的手机边框全部由 Canvas 矢量绘制（圆角描边、灵动岛、居中孔位、Home 圈）， 不依赖任何外部素材图片，输出多大尺寸都保持锐利。
# 生成步骤
- 上传一张 App 截图（建议竖屏比例，如 1170×2532、1080×2400）
- 选择机型边框：iPhone 灵动岛 / 安卓居中孔 / iPad 宽边框 / 经典 Home 键
- 调整边框颜色、背景纯色或渐变色板
- 微调屏幕圆角、四周留白与输出宽度
- 点击「导出 PNG」保存到本地
# 隐私说明：图片为什么不上传？
很多在线样机工具会把你的截图上传到服务器再返回结果，未发布的界面截图存在泄露风险。 本工具读取图片后只在浏览器的 Canvas 中完成裁切、圆角与合成，所有像素都不经过网络， 断网也能正常使用，导出同样是浏览器本地生成，对设计师和产品经理的内部物料尤其重要。
# 常见问题 (FAQ)
我的截图会被上传到服务器吗？
不会。图片通过 FileReader 读入内存后，直接在浏览器 Canvas 里完成缩放、圆角裁切和边框合成， 全程不发送任何请求到服务器，这是本站所有图片工具的统一承诺。
横屏截图放进竖屏机型会变形吗？
不会变形。屏幕内容按等比 contain 方式适配：截图完整显示并居中，比例不一致时上下或左右自动留边 （letterbox），留边区域为黑色屏幕底色，观感类似视频信箱模式。建议竖屏 App 使用竖屏截图以获得满屏效果。
导出什么尺寸适合上架 App Store？
App Store 展示素材常用 1242×2688 或 1284×2778，社媒配图常用 1080 宽。 把输出宽度设为对应值即可，高度按所选机型的屏幕比例自动推算；边框与圆角按宽度等比缩放，放大输出不会模糊。
相关工具推荐
表情包制作器
快速制作表情包，支持顶部/底部文字、预设模板
OCR图片文字识别
从图片中提取文字，支持多语言识别
图片背景处理
更换图片背景颜色、添加模糊效果，支持纯色背景移除
GIF制作工具
将多张图片制作成GIF动图，支持调整帧率和播放顺序
头像生成器
生成个性化头像，支持多种风格和自定义选项
图片转PDF
将多张图片合并导出为PDF文档