iPhone 屏幕尺寸对照
更新
1. 2023/10/20 更新 iphone15 屏幕尺寸信息
iPhone 15 的 6.1 英寸屏幕分辨率 iPhone 15 Pro 是一致的
iPhone 15 Plus 的 6.7 英寸屏幕分辨率与 iPhone 15 Pro Max 是一致的
所以 iPhone15 系列总共就两种屏幕尺寸分辨率。1 倍画板尺寸分别为:393x852,430x932
从表中可以看出 iPhone14 虽然只有两种屏幕尺寸但是却有四种不同的分辨率。
这次 iPhone15 系列的发布也算把屏幕分辨率统一了。
1. DPI 和 PPI 是什么?
DPI ---- 最初用于衡量打印物上每英寸的点数密度,就是表示你的打印机可以在一英寸内打印多少个点。DPI 值越小,打印的内容越不清晰。
当 DPI 的概念迁移到计算机屏幕上的时候,就应该称之为 PPI 。同理:PPI 就是表示计算机屏幕上每英寸可以显示的像素点的数量。
2. pt 和 px 又是什么?
pt ---- 代表点,是一个标准的长度单位,定义上:1 pt = 1 / 72 英寸,英寸跟我们所熟悉厘米、米一样,所以我们可以明确的指出 1pt 的长度是多少。
px ---- 代表像素,是屏幕上能显示的最小单位,在分辨率高的屏幕上,一个像素可能会达到我们肉眼无法识别的大小
| 设备 | 屏幕尺寸 (英寸) | 点分辨率 (pt) | 比例因子 | 像素分辨率 (px) | PPI | 物理分辨率 | 状态栏(pt) |
|---|---|---|---|---|---|---|---|
| iPhone / 3G / 3GS | 3.5 | 320 x 480 | @1x | 320 x 480 | 163 | = (同像素分辨率用=表示) | 20 |
| iPhone 4 / 4s | 3.5 | 320 x 480 | @2x | 640 x 960 | 326 | = | 20 |
| iPhone 5 / 5s / 5c | 4.0 | 320 x 568 | @2x | 640 x 1136 | 326 | = | 20 |
| iPhone SE 第一代 | 4.0 | 320 x 568 | @2x | 640 x 1136 | 326 | = | 20 |
| iPhone 6 / 6s / 7 / 8 / SE 第二代 | 4.7 | 375 x 667 | @2x | 750 x 1334 | 326 | = | 20 |
| iPhone 6 Plus / 6s Plus / 7 Plus / 8 Plus | 5.5 | 414 x 736 | @3x | 1242 x 2208 | 401 | 1080 x 1920 | 20 |
| iPhone X / Xs / 11 Pro | 5.8 | 375 x 812 | @3x | 1125 x 2436 | 458 | = | 44 |
| iPhone XR / 11 | 6.1 | 414 x 896 | @2x | 828 x 1792 | 326 | = | 48 |
| iPhone Xs Max / 11 Pro Max | 6.5 | 414 x 896 | @3x | 1242 x 2688 | 458 | = | 44 |
| iPhone 12 mini / 13 mini | 5.4 | 375 x 812 | @3x | 1125 x 2436 | 476 | 1080 x 2340 | 50 |
| iPhone 12 / 12 Pro / 13 / 13 Pro / 14 | 6.1 | 390 x 844 | @3x | 1170 x 2532 | 460 | = | 47 |
| iPhone 14 Pro/ iPhone 15 / iPhone 15 Pro | 6.1 | 393 x 852 | @3x | 1179 x 2556 | 460 | = | 44 |
| iPhone 12 Pro Max / 13 Pro Max / 14 Plus | 6.7 | 428 x 926 | @3x | 1284 x 2778 | 458 | = | 47 |
| iPhone 14 Pro Max /iPhone 15 Plus / iPhone 15 Pro Max | 6.7 | 430 x 932 | @3x | 1290 x 2796 | 460 | = | 59 |
3. 视网膜屏幕 Retina
视网膜屏幕是在 iPhone 4 发布时进入大众视野的,叫视网膜是因为屏幕的 PPI 已达到人们肉眼无法看到的级别, 即我们肉眼已无法识别屏幕上的一个像素,从技术上来说就是 Apple 在物理尺寸与上一代相同的屏幕上塞下了 2 倍的像素。
iPhone 4 采用 Retina 显示屏,在物理尺寸不变的情况下,像素成 倍增加,达到了 640x960 像素。iPhone 3GS 屏幕上有 320 x 480 = 153600 个像素点,而 iPhone 4 屏幕上则有 640 x 960 = 614400 个像素点,像素个数是原来的 4 倍。
这样就出现了一个问题,怎么样让原来的 App 运行在新的手机 上面? 为了运行之前的 App,Apple 引入了一个新的概念:point (点), “点”这个概念在 iOS 开发中很重要。iPhone 4 屏幕尺寸继续保持 320x480 大小,不过单位并非是像素,而是“点”。
在 iPhone 3GS 中,一个点等于一个像素,也就是说点与像素可以直接互换;在 iPhone 4 中,一个点等于两个像素;在 iPhone 7 Plus 中,一个点等于三个像素。
iPhone 4 和 iPhone 3GS 的屏幕尺寸实际上是一样的,都是 3.5 英寸。在屏幕上同样一个点,实际尺寸大小一样,只是在 iPhone 4 上单位英寸内的像素点更多,看起来更加细腻。
4. iPhone 6/6s Plus 等分辨率是 1242 x 2208,为什么渲染后分辨率变为 1080 x 1920?
iPhone 4/4s iPhone 5/5s iPhone 6/6s 的 PPI 都是一致的,都是 326,用@2x 素材。
但是 iPhone 6 Plus 的 PPI 是 401,理论上苹果应该采用 401 / 326 * @2x = @2.46x 的素材, 但是这个奇葩的比例对于开发者而言很难切图,所以 Apple 为了方便开发者就采用了@3x 的素材, 然后再缩放到@2.46x 的屏幕上,也就是缩放到 2.46 / 3 = 82%。实际上 Apple 选取了一个接近比例的 87%, 这样算下来,物理分辨率和虚拟分辨率的比例是 87%,也就是 1080 / 1242 ≈ 0.87, 1920 / 2208 ≈ 0.87。