You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.11 02:06:01