苹果设计图750×1334对应的是几倍屏？@2x还是@3x？

Question

常见技术问题： 在iOS设计与开发中，设计师常提供750×1334像素的设计稿，但开发者常困惑——该尺寸对应@2x还是@3x？答案是：**@2x**。原因在于，该尺寸是iPhone 6/7/8（逻辑分辨率为375×667 pt）的**@2x物理像素尺寸**（375×2 = 750，667×2 = 1334）。而iPhone 6 Plus/7 Plus/8 Plus虽为@3x设备，其标准逻辑屏为414×736 pt，对应@3x像素为1242×2208（非750×1334）。后续全面屏机型（如iPhone X及以后）采用安全区域和适配机制，设计基准也普遍回归375pt宽度（@2x下仍为750px宽），便于横向兼容。因此，750×1334是行业约定的**@2x设计基准图**，切图时应按此比例导出，并在代码中通过@2x后缀或Asset Catalog自动匹配。误当@3x使用会导致UI缩放异常、字体过小或布局错位。

Answer 1

```html

一、现象层：为什么设计师总给750×1334的设计稿？

这是iOS设计协作中最高频的“视觉契约”——无论Sketch、Figma还是Adobe XD，国内主流设计团队默认以750×1334 px作为标准画板尺寸。该尺寸并非任意选择，而是对iPhone 6/7/8（375×667 pt）在@2x缩放下的物理像素映射（375×2 = 750，667×2 = 1334）。值得注意的是：此尺寸不对应任何@3x设备的原生分辨率（如iPhone 8 Plus @3x为1242×2208），却成为事实上的行业基准。

二、机制层：iOS的分辨率抽象模型与三重坐标系

iOS采用“逻辑点（pt）→ 像素（px）→ 物理子像素”三级抽象：

• 逻辑坐标系（pt）：布局和Auto Layout的单位，与屏幕物理尺寸无关；
• 像素坐标系（px）：由@1x/@2x/@3x倍率决定，是图像资源加载与渲染的物理依据；
• 物理子像素级：PPI、OLED子像素排列（如RGB Stripe vs Pentile）影响实际清晰度，但对开发透明。

关键推论：750×1334是375×667 pt × @2x的确定性投影，而非@3x的近似值（414×736 pt × @3x = 1242×2208 px）。

三、演进层：从Retina到全面屏的设计基准收敛史

机型世代	逻辑分辨率（pt）	@倍率	典型设计稿宽度（px）	设计策略
iPhone 4–5s	320×568	@2x	640×1136	分代适配
iPhone 6–8	375×667	@2x	750×1334	基准统一
iPhone 6+/8+	414×736	@3x	1242×2208	独立切图或矢量降采样
iPhone X–15 Pro	375×812+（安全区动态）	@2x/@3x混合	750×1624+	回归375pt宽度，用Safe Area + Layout Margins解耦

四、陷阱层：误标@3x引发的系统级连锁故障

若将750×1334资源错误标记为@3x（如命名为icon.png + [e-mail]），UIKit将按以下路径解析：

// 系统行为伪代码（简化）
if (UIScreen.main.scale == 3.0) {
  // 加载 @3x 资源 → 但750px宽被当作“3倍于250pt”的尺寸
  // 实际渲染时：750px / 3 = 250pt → 比预期375pt窄33%
  // 导致：UIButton文字挤压、UILabel truncation、Auto Layout约束断裂
}

更隐蔽的问题发生在Asset Catalog中：当同一图片集同时包含@2x与错误@3x版本，Xcode可能因模糊匹配优先加载低质量@2x变体，造成“偶发性模糊”。

五、工程层：跨团队协同的标准化落地方案

成熟团队已构建三层保障机制：

1. 设计侧：Figma插件自动校验画板DPR（Device Pixel Ratio），强制标注@2x水印；
2. 研发侧：CI流水线集成identify -format "%wx%h %r" *.png扫描资源倍率一致性；
3. 基建侧：自研Asset Catalog Generator，根据Contents.json schema反向验证px→pt映射关系。

六、架构层：面向未来的响应式设计范式迁移

随着Vision Pro（macOS-style windowing）与折叠屏（iPad Flex）演进，纯pt基准正被Size Classes + Environment Values + Container Queries取代。但750×1334仍具不可替代性——它是当前所有iOS设备中唯一能无损覆盖375pt宽度+安全区最小高度（667pt）+ 状态栏/导航栏预留空间的最小公倍数画布。

七、验证层：终端设备实测诊断流程图

graph TD
  A[收到750×1334设计稿] --> B{检查文件命名规范}
  B -->|含@2x后缀| C[导入Assets.xcassets]
  B -->|无后缀或含@3x| D[用sips命令重采样]
  C --> E[运行时调用UIScreen.main.nativeBounds]
  D --> E
  E --> F{width == 750 && scale == 2.0?}
  F -->|Yes| G[✅ 渲染正确]
  F -->|No| H[⚠️ 检查LaunchScreen.storyboard缩放设置]

```