产品经理从专能到全能——似懂非懂的分辨率

解析尺寸、分辨率及像素

目标

1.了解屏幕尺寸、分辨率、PPI的之间关系；

2.掌握屏幕尺寸如何计算；

3.了解屏幕清晰度的决定因素。

前言

先从手机开始说起。给大家看看关于手机屏幕方面的一些参数。红框内的三个参数，大家一定都不陌生，不过如果问你手机的屏幕尺寸到底是怎么算出来的你知道吗？分辨率和像素密度是什么关系你知道吗？

屏幕尺寸，分辨率，像素，PPI之间到底什么关系？本次课来讲讲这几个咱们经常打交道的词到底啥意思，以及他们之间到底有什么关系。

屏幕尺寸

下图是华为荣耀7的尺寸图，图上写的是5.2英寸。那么这个5.2英寸到底是怎么算出来的呢？在说这个问题之前，我们先进行一下单位的换算。1英寸（inch）=2.54厘米（cm）

因为英寸是长度单位，英寸显然不可以表示面积。其实，我们所说的这个5.2英寸是手机屏幕对角线的长度。

这么一说，应该知道手机的屏幕尺寸是怎么算的了吧。知道手机屏幕的长和宽，然后利用勾股定理，就可以算出斜边的长了。还有个更简单的方法，只要用尺子量一下它的对角线是多少厘米，然后再换算成英寸就搞定了。

分辨率

上面的图显示，华为荣耀7的分辨率是1920PX*1080PX。那么，这个分辨率又是怎么回事呢？可能大家注意了，1920和1080后面都跟了PX的字样，这个PX就是我们很熟悉的像素了，这个像素咱们后面讲，现在你只要明白，像素是分辨率的单位就好了。

在讲解分辨率之前，我们要明白一个概念。在我们手机上呈现的一条线，一个面，一张图像都是由最小的单位像素来表示的，你也可以简单理解为是由一个个小方块组成的。

所以分辨率1920px*1080px的意思就是，在这个华为荣耀7的5.2英寸屏幕上，在竖向的高度上有1920个像素块，在横向的宽度上有1080个像素块。

分辨率比

手机的屏幕是个长方形，高是1920px，宽是1080px。稍计算就会发现，这个高和宽的比例是16:9的。说到16:9这个比例，经常看视频的同学一定就不陌生了。手机屏幕有各种分辨率比，这个比你也可以看作是手机屏幕的尺寸比。

像素密度

屏幕像素密度，即每英寸屏幕所拥有的像素数，英文简称PPI 。这个英寸跟之前手机屏幕的尺寸一样，也是对角线的长度。所以，我们可以这么理解屏幕像素密度，即在一个对角线长度为1英寸的正方形内所拥有的像素数。

三者关系及屏幕清晰度

像素密度、分辨率、屏幕尺寸的关系

这三个专业名词之间，有着非常严谨的关系。因为这三者之间，有一个公式可以表示。

我们还是拿华为荣耀7手机为例，我们知道它的尺寸为5.2英寸，分辨率为1920px*1080px（1920px就是公式里的纵向，1080px就是公式里的横向了）。用公式算一下，最后得出的PPI，是不是就是424ppi。

像素大小是固定的吗？不是的！

第一张是苹果6手机的屏幕参数，第二张还是刚才的华为荣耀7的屏幕参数。大家注意看，这两个手机的分辨率都是1920px*1080px。

但是，苹果手机的屏幕尺寸比华为荣耀7小了0.2英寸。苹果手机的屏幕像素密度（PPI）却比华为荣耀7高了45个PPI，也就是每英寸像素个数多了45个。这说明了什么？

说明了同样的一英寸的长度，苹果手机用469个ppi来显示，华为只用了424个ppi来显示。同样是一英寸，同样都是像素，为什么苹果手机一英寸有469个像素，华为只有424个呢？我们知道，英寸是长度单位，它有固定的物理尺寸。那么问题就只能出在了像素身上。这说明，像素这个东西，在苹果手机上变小了。所以，像素这个东西，就像金箍，能变大能变小。

屏幕清晰度

一个像素到底包含了什么？一个像素其实就是一个色彩块。同样的一英寸，苹果手机能展示469个色彩，华为只能展示424个色彩，当然是苹果手机的显示效果更好了，也就意味着可以显示更多的色彩。

屏幕的清晰度

屏幕的清晰程度其实是分辨率和尺寸大小共同决定，用ppi指数衡量屏幕清晰程度更加准确。

屏幕尺寸大（对角线英寸），像素高（比如说1920px * 1080px，像素是分辨率的单位，也就是分辨率高）的手机并不一定清晰，只有像素密度（PPI）高的手机，才是最清晰的。

屏幕尺寸固定，分辨率越高，PPI就越高吗？是的！

分辨率固定，屏幕尺寸大了，PPI是不是就少了？是的！
5s适配到6s，屏幕尺寸大了，如果分辨率不提高的的话，清晰度必然会下降。

PPI不变，屏幕尺寸变大，分辨率是不是也会变大？是的！

小结

屏幕尺寸、像素、分辨率、PPI，这些专业术语似乎和产品经理离着远一些，似乎这些是UI设计师和开发工程师的经常打交道的。然而作为要和他们每天打成一片的产品经理，应该懂一些他们的语言，这才有资格和可能和他们进行更多的灵魂深处的交流。

思考

任选一款手机，算一算其屏幕尺寸、分辨率、PPI的关系？