分辨率

像素即一个小方块,它具有特定的位置颜色

图片、电子屏幕(手机、电脑)就是由无数个具有特定颜色和特定位置的小方块拼接而成。

像素可以作为图片或电子屏幕的最小组成单位。

下面我们使用sketch打开一张图片:




ios查看分辨率 苹果哪里看分辨率_像素点


将这些图片放大即可看到这些像素点:


ios查看分辨率 苹果哪里看分辨率_屏幕分辨率_02


通常我们所说的分辨率有两种,屏幕分辨率图像分辨率

屏幕分辨率

屏幕分辨率指一个屏幕具体由多少个像素点组成。

下面是apple的官网上对手机分辨率的描述:


ios查看分辨率 苹果哪里看分辨率_屏幕分辨率_03


iPhone XS Max 和 iPhone SE的分辨率分别为2688 x 1242和1136 x 640。这表示手机分别在垂直水平上所具有的像素点数。

当然分辨率高不代表屏幕就清晰,屏幕的清晰程度还与尺寸有关。

图像分辨率

我们通常说的图片分辨率其实是指图片含有的像素数,比如一张图片的分辨率为800 x 400。这表示图片分别在垂直和水平上所具有的像素点数为800和400。

同一尺寸的图片,分辨率越高,图片越清晰。


ios查看分辨率 苹果哪里看分辨率_ios查看分辨率_04


PPI

PPI(Pixel Per Inch):每英寸包括的像素数

PPI可以用于描述屏幕的清晰度以及一张图片的质量。

使用PPI描述图片时,PPI越高,图片质量越高,使用PPI描述屏幕时,PPI越高,屏幕越清晰。

在上面描述手机分辨率的图片中,我们可以看到:iPhone XS Max 和 iPhone SE的PPI分别为458和326,这足以证明前者的屏幕更清晰。

由于手机尺寸为手机对角线的长度,我们通常使用如下的方法计算PPI:


ios查看分辨率 苹果哪里看分辨率_前端vue适配不同的分辨率_05


iPhone 6的PPI为 :


ios查看分辨率 苹果哪里看分辨率_前端vue适配不同的分辨率_06


,那它每英寸约含有326个物理像素点。

DPI

DPI(Dot Per Inch):即每英寸包括的点数

这里的点是一个抽象的单位,它可以是屏幕像素点、图片像素点也可以是打印机的墨点。

平时你可能会看到使用DPI来描述图片和屏幕,这时的DPI应该和PPI是等价的,DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。

一张图片在屏幕上显示时,它的像素点数是规则排列的,每个像素点都有特定的位置和颜色。

当使用打印机进行打印时,打印机可能不会规则的将这些点打印出来,而是使用一个个打印点来呈现这张图像,这些打印点之间会有一定的空隙,这就是DPI所描述的:打印点的密度。


ios查看分辨率 苹果哪里看分辨率_Max_07


在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。

所以,打印机的DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。