屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

@XYooo 2017-06-30 14:19:06发表于 iuap-design/blog

屏幕尺寸,分辨率,像素,PPI之间到底什么关系?本文通过图解以及公司来讲解分析

【全解析】屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

上面这是一张手机信息图片,是华为荣耀7的尺寸图,下面我们了解下常说的几个参数代表的含义;

1.屏幕(主屏)尺寸是什么,怎么算?
图上写的是5.2英寸,这个数值代表什么?在说这个问题之前,我们要先了解一下,inch是长度单位,1英寸=2.54厘米 , 由此可见5.2英寸并不是指的手机面积,实际上是指对角线长度。

2.分辨率,像素是分辨率的单位?
这里写的分辨率是1920PX*1080PX。请注意,1920和1080后面都跟了PX的字样,PX就是我们很熟悉的像素了,像素就是分辨率的单位就好了

在这之前,有一点要了解到:在我们手机上呈现的一条线,一个面,一张图像都是由最小的单位像素来表示的,你也可以简单理解为是由一个个小方块组成的。看看下面这张图你就明白了。
记住:分辨率1920px*1080px的意思就是,在这个华为荣耀7的5.2英寸屏幕上,在竖向的高度上有1920个像素块,在横向的宽度上有1080个像素块。

屏幕(主屏)尺寸是什么,怎么算?

3.什么是分辨率比?
稍微计算一下高是1920px,宽是1080px的比例就会发现这个高和宽的比例是16:9的。可以比例很常见,过多不解释。

4.什么是屏幕像素密度?
屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI。注意,这里是指每英寸,还是个长度单位。这个英寸跟之前手机屏幕的尺寸一样,也是对角线的长度。所以,我们可以这么理解屏幕像素密度,即在一个对角线长度为1英寸的正方形内所拥有的像素数。

5.屏幕像素密度,分辨率,屏幕尺寸的关系是什么?答:有个公式!
这三个专业名词之间,有着非常严谨的关系。为啥说严谨呢,因为这三者之间,有一个公式可以表示。

屏幕(主屏)尺寸是什么,怎么算?

可以自己亲自算一下,实际结果符合公式

6.像素的大小是固定的吗?答:居然是不固定的,尤其不同设备之间!
像素是没有实际的物理尺寸的。下面举个例子

屏幕(主屏)尺寸是什么,怎么算?

之前是华为荣耀7的屏幕参数,这里是iphone6的参数。可以看到分辨率都是1920px*1080px。但是,苹果手机的屏幕尺寸比华为荣耀7小了0.2英寸。因此公式可得苹果手机的屏幕像素密度(PPI)却比华为荣耀7高了45个PPI,也就是每英寸像素个数多了45个。这说明了同样的一英寸的长度,苹果手机用469个ppi来显示,华为只用了424个ppi来显示。同样是一英寸,它有固定的物理尺寸,同样都是像素,但是苹果手机一英寸有469个像素,华为只有424个,所以就只能出在了像素身上。这说明,像素这个东西,在苹果手机上变小了。所以,像素是能变大能变小。

7.电脑屏幕可以调分辨率,难道是通过调整它的像素大小实现的?答:当然不是!
在同一个设备上,它的像素个数是固定的,像素大小也是固定的,这是厂商在出厂时就设置好了的。只有不同的设备之间,才有像素大小的区别。既然在同一个设备上,像素点数早就设定好了,那电脑上可以调整分辨率是怎么回事?我再怎么调,像素点数还是那么多啊。
系统推荐的是1366px768px的分辨率,意味着微软在这块屏幕上横向设置了768个像素,竖向设置了1366个像素。再怎么拉扯,这个数字是不会变了。那么,为什么还能调整分辨率呢?如800px600px,按照定义,横向就是600个像素,竖向就是800个像素了啊。实际上把分辨率调成800600,系统就会分配给你800600个有效像素个数,也就是真实的色彩块。其他的个数就由系统自作主张,通过一系列运算给一个模拟色彩块,填充后达到1366*768个色彩块。那些拿来充数的像素块,和真实的像素块放到一起。就好比一个正规军,里面掺了很多杂牌军一样,只能是队伍不好带了。

8.PPI大的手机显示效果就越精细吗?答:的确是这样子的!
屏幕的清晰程度其实是分辨率和尺寸大小共同决定,用ppi指数衡量屏幕清晰程度更加准确。

搜索一下blog,发现也有一篇blog涉及到像素,分辨率,下面放个链接
通俗易懂!超全面的移动端尺寸基础知识科普指南