iPhone分辨率大全 (更新至iPhone 14、iPhone 14 Pro... )

像素分辨率(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

你可能感兴趣的:(iPhone分辨率大全 (更新至iPhone 14、iPhone 14 Pro... ))