Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
XYooo opened this issue Jun 30, 2017 · 0 comments
Open

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

XYooo opened this issue Jun 30, 2017 · 0 comments

Comments

@XYooo
Copy link
Member

XYooo commented Jun 30, 2017

屏幕尺寸,分辨率,像素,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涉及到像素,分辨率,下面放个链接
通俗易懂!超全面的移动端尺寸基础知识科普指南

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant