iPhone~iPhone15屏幕尺寸和分辨率的相关知识 ( DPI vs PPI pt vs px)

1. DPI 和 PPI 是什么？

DPI ---- 最初用于衡量打印物上每英寸的点数密度，就是表示你的打印机可以在一英寸内打印多少个点。DPI值越小，打印的内容越不清晰。

当DPI的概念迁移到计算机屏幕上的时候，就应该称之为PPI 。同理：PPI就是表示计算机屏幕上每英寸可以显示的像素点的数量。

2. pt 和 px 又是什么？

pt ---- 代表点，是一个标准的长度单位，定义上：1 pt = 1 / 72 英寸，英寸跟我们所熟悉厘米、米一样，所以我们可以明确的指出1pt的长度是多少。

px ---- 代表像素，是屏幕上能显示的最小单位，在分辨率高的屏幕上，一个像素可能会达到我们肉眼无法识别的大小。

iPhone屏幕尺寸信息列表

设备	屏幕尺寸 (英寸)	点分辨率 (pt)	比例因子	像素分辨率 (px)	PPI	物理分辨率
iPhone / 3G / 3GS	3.5	320 x 480	@1x	320 x 480	163	= (同像素分辨率用=表示)
iPhone 4 / 4s	3.5	320 x 480	@2x	640 x 960	326	=
iPhone 5 / 5s / 5c	4.0	320 x 568	@2x	640 x 1136	326	=
iPhone SE 第一代	4.0	320 x 568	@2x	640 x 1136	326	=
iPhone 6 / 6s / 7 / 8 / SE 第二代	4.7	375 x 667	@2x	750 x 1334	326	=
iPhone 6 Plus / 6s Plus / 7 Plus / 8 Plus	5.5	414 x 736	@3x	1242 x 2208	401	1080 x 1920
iPhone X / Xs / 11 Pro	5.8	375 x 812	@3x	1125 x 2436	458	=
iPhone XR / 11	6.1	414 x 896	@2x	828 x 1792	326	=
iPhone Xs Max / 11 Pro Max	6.5	414 x 896	@3x	1242 x 2688	458	=
iPhone 12 mini / 13 mini	5.4	375 x 812	@3x	1125 x 2436	476	1080 x 2340
iPhone 12 / 12 Pro / 13 / 13 Pro / 14	6.1	390 x 844	@3x	1170 x 2532	460	=
iPhone 14 Pro / 15 / 15 Pro	6.1	393 x 852	@3x	1179 x 2556	460	=
iPhone 12 Pro Max / 13 Pro Max / 14 Plus	6.7	428 x 926	@3x	1284 x 2778	458	=
iPhone 14 Pro Max / 15 Plus / 15 Pro Max	6.7	430 x 932	@3x	1290 x 2796	460	=

PS：Apple Device Screen Sizes、App icons、AppStore审核之App预览规范、AppStore审核之App截屏规范、iPhone 机型比较（各种技术规格的对比）

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。