移动端DPR,物理像素,逻辑像素,PPI,物理尺寸

时间:2024-03-15 12:53:21

还是从具体的案例来去认识移动端中的各种定义吧。
移动端DPR,物理像素,逻辑像素,PPI,物理尺寸
以最常见的设计图参考iphone6来举个栗子,详细说。

4.7in 2.3*4.1 in 16:9 375 * 667 dp 750*1334px 2.0 xhdpi (密度)
4.7英寸 2.3(宽度)*4.1(长度) 英寸 高度:宽度 375*667 (points) 750*1334 px 2.0 xhdpi

1 iphone6的大小是4.7英寸的,计算方法是对角线的长是4.7英寸,意味着iphone6的对角线长度是4.7*2.54 = 11.938cm(约等于12厘米)

(1英寸(in)=2.54厘米(cm))

2 iphone6的手机显示的屏幕宽度是2.3英寸(5.842cm),长度是4.1英寸(10.414cm)。注意这里的长度和宽度值是显示的屏幕,因为iphone6不是全屏手机,所以还有很多不是显示的地方,而我们比较常见的iphone6的手机尺寸大小是长宽分别为138.1 mm*67.0 mm。如下图:
移动端DPR,物理像素,逻辑像素,PPI,物理尺寸

3 其中16:9就不用解释了,其实就是长宽的比,也就是4.1: 2.3。

4 iphone6中的逻辑分辨率是375*667,这个逻辑分辨率是通过算法所达到的。375可以理解为375个内容点,内容点才是真正用来显示内容的范围。在此之前,i5,i4都是320个内容点。

5 iphone6的物理分辨率是750*1334px,这个单位是px。

6 iphone6的缩放因子是2,其实也就是DPR的值是2。

缩放因子DPR(设备像素比)
早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,这个时候的缩放因子是1倍。iOS绘制图形(CGPoint/CGSize/CGRect)均已point为单位。所以 1 point = 1 pixel

后来在iPhone4中,同样大小(3.5inch)的屏幕采用Retina(视网膜)屏幕显示技术(同样的尺寸,像素多了一倍),横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320 * 2) * (480 * 2) = 640 * 960,显像分辨率提高到iPhone3GS的4倍。iPhone6Plus中横、纵向方向像素密度都被放大到3倍,显像分辨率提高到iPhone3GS的9倍。所以1 point = 2 pixel

DPR的计算公式:

* DPR = 单位长度内(pixel/point);*

比如ipone6中的scale的值 = 750px / 375pt = 2.0

像素密度ppi
表示沿着对角线,每英寸所拥有的像素(pixel)数目,PPI的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高,图像更清晰。图为各个值
移动端DPR,物理像素,逻辑像素,PPI,物理尺寸
根据勾股定理: iphone4的PPI的计算值:
移动端DPR,物理像素,逻辑像素,PPI,物理尺寸 = 163 pixcel/inch

总算显示总结了一部分知识后续在去补充。