如何在Mac上把截图放进iPhone外框
更新于2026年10月30日
在Mac上把截图放进iPhone外框,最快的方法是把它拖进一款能识别设备的应用,自动选好对应的外框并导出结果。如果你更想手动操作,可以下载一张屏幕透明的PNG外框,在Keynote、Figma或Pixelmator Pro里把截图放在它下面的图层。熟悉步骤之后,两种方法都不到一分钟。
加了外框的截图,一眼就能看出是手机。在信息流里,别人还没读一个字,就知道自己看的是一款应用,而不是一张随便的图片。本指南介绍三种做法,从最快到最手动。
开始之前:拿到合适的截图
只有当截图是设备原生分辨率下的完整屏幕时,外框才能严丝合缝。在手机上或模拟器里截图,得到的就是这样的截图:
- 在配备面容ID的iPhone上:同时按下侧边按钮和调高音量键。
- 在iOS模拟器中:选择File > Save Screen,或按下⌘ S。
用隔空投送、照片或iCloud把它传到Mac上。不要先裁剪或缩放。比如iPhone 18 Pro的截图是1206 × 2622像素,正是这个准确的尺寸告诉工具它来自哪部手机。如果不确定截图来自哪台设备,截图尺寸指南列出了尺寸和设备的对应关系。
方法1:拖进FeatureFrame
FeatureFrame是一款专门做这件事的Mac应用。它会读取截图的像素尺寸,找出截图来自哪台设备,并把截图放进该手机的3D模型。
- 打开FeatureFrame,把截图拖到窗口上,或按⌘ V粘贴。
- 它会自动选出对应的iPhone或iPad,从iPhone 11 Pro到iPhone 18 Pro Max、iPhone Air、iPhone Duo,以及iPad Pro、Air和mini。你可以在右侧面板更改设备和配色。
- 在角度编辑器里拖动来倾斜手机,或选一个角度预设。
- 根据要发的平台选择画布比例,比如Instagram帖子用4:5,X用16:9;再选一个背景:纯色、渐变、macOS墙纸或你自己的图片。
- 按⌘ C拷贝图像,直接粘贴到帖子里;也可以把它拖出窗口,或按⌘ E以720p、1080p或4K导出。
一个画布上最多可以放三张截图,横排、竖排或层叠,它们共用相同的大小和间距。免费用户可以使用白色或黑色的素模手机和素模平板外框,导出的图片带有一个小小的FeatureFrame标识。FeatureFrame Pro解锁所有真实设备外框、自定水印或无水印,以及PNG导出。
方法2:使用免费的PNG外框
如果你本来就在用Keynote、Figma或Pixelmator Pro,一张PNG外框就够了。设备外框库为每款iPhone和iPad提供一张免费PNG,屏幕区域透明,尺寸设计得让该机型的截图逐像素吻合。每个设备页面,比如iPhone 18 Pro外框,都列出了适用的截图尺寸,以及截图应该放在的准确x和y位置。
在任何应用里,规则都一样:截图放在外框下方的图层。这样外框的边框和圆角会盖住截图的边缘。
在Keynote中
- 新建一个演示文稿,在“文稿”检查器中把幻灯片尺寸设为你的画布尺寸,比如1080 × 1350。
- 拖入截图,再拖入PNG外框。
- 选中外框,选取“排列”>“移到最前”。Keynote会保留PNG的透明效果。
- 同时选中两者,按住Shift一起调整大小,让截图对准屏幕开口。把它们编组,这样就能一起移动。
- 选取“文件”>“导出为”>“图像”,然后选择PNG。
在Figma中
- 按画布尺寸新建一个Frame,并给它设置背景填充。
- 拖入PNG外框和截图。在图层面板中,把截图拖到外框下方。
- 按设备页面上100%比例下的尺寸和位置设置两者,然后编组,再缩放整个组以适应画布。
- 把这个Frame导出为PNG或JPEG。
在Pixelmator Pro中
- 打开PNG外框。它的画布尺寸已经是合适的。
- 拖入截图,在图层边栏里把它的图层移到外框下方,并把位置设为设备页面上给出的x和y。
- 合并或编组这两个图层,然后更改画布尺寸,在最底层加一个背景图层。
- 选取“文件”>“导出”来导出。
方法3:Apple的产品边框
Apple在设计资源页面的Product Bezels(产品边框)下提供官方设备图片,有适用于近期iPhone和iPad机型的Photoshop文件和PNG。叠加方式完全相同:截图在下,边框在上。Apple要求在营销中使用这些边框时,先查看它的营销资源和标识使用指南,所以发帖前请先读一读。
把细节做好
- 收拾好状态栏。低电量或一堆通知图标会分散对应用的注意力。在模拟器中,截图前先运行
xcrun simctl status_bar booted override --time 9:41 --batteryLevel 100,或者等手机看起来整洁时再重新截图。 - 手机四周留出空间。外框紧贴图片边缘会显得局促,还可能被信息流的预览切掉。至少留出画布十分之一的边距。
- 加一点柔和的阴影。手机下方一道淡淡的阴影能让它从背景上浮起来。保持低调。
- 选一个合适的外框颜色。深色背景配浅色外框,或者反过来,都能让手机轮廓保持清晰。
- 按平台尺寸导出。各平台的比例见分享应用截图的图片尺寸。
Mac截图怎么办?
Mac窗口截图不需要设备外框,它本身就有窗口的形状。截取窗口,然后放在背景上,加一些留白和阴影。如果截图带着macOS自带的投影,请看如何截取不带阴影的Mac截图。FeatureFrame能识别窗口截图,裁掉macOS的阴影,保留圆角,并把它做成简洁卡片。
接下来
截图加好外框之后,剩下的就是呈现。如何让截图在社交媒体上更好看介绍了背景、留白和一组图片的一致性;还有在X上分享和Instagram轮播的指南。想完全省掉图层操作,在Mac App Store获取FeatureFrame。