iOS背景图片分辨率如何适配全系列iOS设备
iOS全系列设备背景图适配方案
命名规范
要覆盖iPhone 12系列及更早全系列iOS设备,你需要在现有资源基础上补充缺漏的新机型对应资源,遵循以下命名规则即可实现自动适配:
命名统一采用 [资源名][尺寸修饰符][@倍率].[后缀] 的格式:
- 640x1136 @2x:对应4英寸设备(iPhone 5/5s/SE1代),命名示例:
launch_bg-568h@2x.png - 750x1334 @2x:对应4.7英寸设备(iPhone 6/7/8/SE2/SE3代),命名示例:
launch_bg-667h@2x.png - 828x1792 @2x:对应6.1英寸LCD设备(iPhone XR/11),你当前缺少这组@2x资源,需补充
- 1080x1920 @3x:对应5.5英寸Plus设备(iPhone 6P/7P/8P),命名示例:
launch_bg-736h@3x.png - 1125x2436 @3x:对应5.8英寸OLED设备(iPhone X/XS/11 Pro),你当前缺少这组@3x资源,需补充
- 1170x2532 @3x:对应6.1英寸OLED设备(iPhone 12/12 Pro/13/13 Pro/14),你当前缺少这组@3x资源,需补充
- 1242x2208 @3x:对应5.5英寸Plus设备放大模式,可直接复用现有资源
- 1284x2778 @3x:对应6.7英寸大屏设备(iPhone 12 Pro Max/13 Pro Max/14 Plus),你当前缺少这组@3x资源,需补充
- 如果需要适配iPhone 14及以后的灵动岛机型,额外补充1290x2796 @3x的资源即可。
Assets.xcassets配置方法
有两种常用配置方案,按需选择即可:
方案1:通用Image Set配置
- 打开Assets.xcassets,右键新建「Image Set」,自定义名称如
CommonBackground - 右侧属性检查器中,「Devices」勾选「iPhone」,「Scales」选择「Single Scale」
- 把所有命名正确的背景图直接拖入资源框,系统会自动根据文件名的修饰符匹配对应设备的资源
方案2:设备定向配置(更精准,推荐全屏背景使用)
- 新建Image Set后,右侧属性检查器勾选「Device Specific」选项,选中所有需要适配的iPhone设备类型
- 此时资源栏会按设备尺寸、倍率拆分出独立的资源槽,直接把对应分辨率的图片拖入对应槽位即可,不需要额外添加命名修饰符
- 如果需要适配横竖屏不同背景,还可以勾选「Orientation」选项,分别配置竖屏、横屏对应的资源
小提示:全屏背景图建议设置内容模式为
Aspect Fill,同时开启裁剪边界,避免不同尺寸设备出现内容溢出。
内容的提问来源于stack exchange,提问作者Gaurang Makwana
相关产品推荐
相关产品推荐

