1. DPI 和 PPI 是什么?
DPI <Dots Per Inch> ---- 最初用于衡量打印物上每英寸的点数密度,就是表示你的打印机可以在一英寸内打印多少个点。DPI值越小,打印的内容越不清晰。
当DPI的概念迁移到计算机屏幕上的时候,就应该称之为PPI <Pixels Per Inch>。同理:PPI就是表示计算机屏幕上每英寸可以显示的像素点的数量。
2. pt 和 px 又是什么?
pt <Point> ---- 代表点,是一个标准的长度单位,定义上:1 pt = 1 / 72 英寸,英寸跟我们所熟悉厘米、米一样,所以我们可以明确的指出1pt的长度是多少。
px <Pixel> ---- 代表像素,是屏幕上能显示的最小单位,在分辨率高的屏幕上,一个像素可能会达到我们肉眼无法识别的大小。
点击查看:iPhone ~ iPhone16 设备屏幕尺寸信息(持续更新中)
PS:Apple Device Screen Sizes、 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。