| 像素分辨率(px) | 屏幕尺寸 | 机型 | 开发尺寸(pt) | 切图规格 | 像素密度(ppi) | 高宽比(≈) |
|---|---|---|---|---|---|---|
| 1290 x 2796 | 6.7英寸 | iPhone 14 Pro Max |
430 x 932 | @3x | 460 | 2.16 |
| 1284 x 2778 | 6.7英寸 |
iPhone 14 Plus iPhone 13 Pro Max iPhone 12 Pro Max
|
428 x 926 | @3x | 458 | 2.16 |
| 1179 x 2556 | 6.1英寸 | iPhone 14 Pro |
393 x 852 | @3x | 460 | 2.16 |
| 1170 x 2532 | 6.1英寸 |
iPhone 14 iPhone 13 Pro iPhone 13 iPhone 12 Pro iPhone 12
|
390 x 844 | @3x | 460 | 2.16 |
| 1080 x 2340 | 5.4英寸 |
iPhone 13 mini iPhone 12 mini
|
375 x 812 | @3x | 476 | 2.16 |
| 1242 × 2688 | 6.5英寸 |
iPhone 11 Pro Max iPhone XS Max
|
414 x 896 | @3x | 458 | 2.16 |
| 1125 × 2436 | 5.8英寸 |
iPhone 11 Pro iPhone X iPhone XS
|
375 x 812 | @3x | 458 | 2.16 |
| 828 × 1792 | 6.1英寸 |
iPhone 11 iPhone XR
|
414 x 896 | @2x | 326 | 2.16 |
| 1080 × 1920 | 5.5英寸 |
iPhone 8 Plus iPhone 7 Plus iPhone 6 Plus iPhone 6s Plus
|
414 x 736 | @3x | 401 | 1.78 |
| 750 × 1334 | 4.7英寸 |
iPhone SE 3nd iPhone SE 2nd iPhone 8 iPhone 7 iPhone 6 iPhone 6s
|
375 x 667 | @2x | 326 | 1.78 |
| 640 × 1136 | 4.0英寸 |
iPhone SE iPhone 5 iPhone 5s iPhone 5c
|
320 x 568 | @2x | 326 | 1.78 |
总结
背景图
通过屏幕比例来看, 目前iPhone 只有两个比例尺寸(2.16、1.78), 那比如在设置一张满屏背景图的时候, 做这两个比例的图片就可以了.启动图
实际开发中, 启动图一般只用一张就够了,但要注意顶部底部在适配1.78比例机型的时候会被裁掉一些, 所以在设计的时候, 头部尽量不贴顶, 底部尽量不贴底.
如: 设计一张2.16比例最大分辨率1284 x 2778 的启动图, 通过计算1.78比例最大分辨率1080 × 1920, 进行等比放大约等于 1284 x 2284 , 也就是说要保证内容在 1284 x 2284这个范围内, 大概上下要留出约248px的部分空白, 实际中加上边距, 空白部分一定大于这个值.
经验总结, 如有错误, 欢迎指正!
参考地址
https://www.apple.com.cn/iphone/compare/
https://www.theiphonewiki.com/wiki/Models#iPhone
