iPhone mockup

iPhone 样机。

把 App 截图放进 iPhone、安卓或 iPad 的机身里,下载 PNG。免费、不用注册、不加水印,图片不会离开你的浏览器。

纯前端 · Canvas 3 倍导出

你的截图
设备
方向
机身颜色
银色
背景
阴影

导出尺寸 1,707 × 3,084 px

免费,不加水印。要 App Store 规定尺寸的商店截图?截图生成器在这里。

怎么用

三步,全部在浏览器里完成。

1

放入截图

选择文件、拖到页面上或者直接粘贴。横屏截图会自动横过来放,接近 iPad 比例的截图会自动切到 iPad。

2

选设备和背景

iPhone、Pixel 或 13 英寸 iPad,每种都有几种机身颜色;背景可以透明、纯色或渐变。

3

下载 PNG

下载高清 PNG(手机 3 倍、iPad 2 倍),也可以直接复制粘贴到别的软件里。

手机样机用在哪

截图放进真实的手机机身里,看起来就像成品。下面是最常用的几个地方。

App Store 和 Google Play

先把截图放进手机,再加上标题和背景,就是一张商店截图。

发布帖子

Product Hunt、V2EX、即刻、Hacker News 上发产品,配一张手机样机图更有说服力。

社交媒体

在 X、小红书、微博上介绍新功能,背景选和品牌一致的颜色。

官网

首屏或功能介绍里放一张透明背景的 PNG,放在什么底色上都合适。

路演 PPT

在幻灯片里展示真实的产品,而不是一张光秃秃的截图。

作品集和案例

在站酷、Dribbble、Behance 或个人作品集里,用最新的设备展示 App 设计。

常见问题

关于免费的 iPhone 样机生成器。

这个 iPhone 样机生成器免费吗?▾

免费。不用注册账号,不加水印,导出次数也不限。

我的截图会被上传吗?▾

不会。图片只在你的浏览器里,样机图也是在你自己的设备上画出来的,不会发到我们的服务器。

下载的 PNG 有多大?▾

手机样机按 3 倍导出(约 1,600 × 3,000 px),iPad 按 2 倍导出(约 2,500 × 3,200 px),都包含机身外面的留白。

有哪些设备可以选?▾

iPhone(银色、深蓝色、宇宙橙色)、Pixel 手机(瓷白色、黑曜石色、雾蓝色)和 13 英寸 iPad(银色、深空黑色)。

截图用多大的尺寸最好?▾

用手机或模拟器截的全屏截图,比如 iPhone 的 1179 × 2556 或 1320 × 2868。其他尺寸会缩放铺满屏幕,比例不一样时会裁掉底部一点。

做出来的样机图能直接传到 App Store 吗?▾

App Store 要求截图是固定的尺寸,比如 6.9 英寸 iPhone 是 1320 × 2868 px。这个工具做的是样机图,不是商店规定尺寸的截图;要规定尺寸可以用商店截图生成器。

能下载透明背景的吗?▾

能。背景选棋盘格那个「透明」,PNG 里机身外面就是透明的,可以放在任何颜色上。

安卓截图能用吗?▾

能。设备切到安卓就是 Pixel 机身。安卓截图放进 iPhone 机身也可以,只是可能会被裁掉一点。

现在就做一张手机样机