分辨率
像素即一个小方块,它具有特定的位置和颜色。
图片、电子屏幕(手机、电脑)就是由无数个具有特定颜色和特定位置的小方块拼接而成。
像素可以作为图片或电子屏幕的最小组成单位。
下面我们使用sketch打开一张图片:
![8bb89954f3ef200d5bb7cd97a7f60393.png](https://i-blog.csdnimg.cn/blog_migrate/b4710e5a51d3c43cb00f3b4a8843d9c4.jpeg)
将这些图片放大即可看到这些像素点:
![24bb113a1ea4fc9b7a00884888f63b20.png](https://i-blog.csdnimg.cn/blog_migrate/a66d705a79fac3ed384caf3fe9726d50.jpeg)
通常我们所说的分辨率有两种,屏幕分辨率和图像分辨率。
屏幕分辨率
屏幕分辨率指一个屏幕具体由多少个像素点组成。
下面是apple的官网上对手机分辨率的描述:
![a47706ea28bee608e0d83b2cd807eec1.png](https://i-blog.csdnimg.cn/blog_migrate/a2ae31ddf071cb29eb747dc0e8030e97.jpeg)
iPhone XS Max 和 iPhone SE的分辨率分别为2688 x 1242和1136 x 640。这表示手机分别在垂直和水平上所具有的像素点数。
当然分辨率高不代表屏幕就清晰,屏幕的清晰程度还与尺寸有关。
图像分辨率
我们通常说的图片分辨率其实是指图片含有的像素数,比如一张图片的分辨率为800 x 400。这表示图片分别在垂直和水平上所具有的像素点数为800和400。
同一尺寸的图片,分辨率越高,图片越清晰。
![b0f3174eabdd20e5f721ca4aa5b5854c.png](https://i-blog.csdnimg.cn/blog_migrate/14f9149625e96c8ba36af4b02f300823.jpeg)
PPI
PPI(Pixel Per Inch):每英寸包括的像素数。
PPI可以用于描述屏幕的清晰度以及一张图片的质量。
使用PPI描述图片时,PPI越高,图片质量越高,使用PPI描述屏幕时,PPI越高,屏幕越清晰。
在上面描述手机分辨率的图片中,我们可以看到:iPhone XS Max 和 iPhone SE的PPI分别为458和326,这足以证明前者的屏幕更清晰。
由于手机尺寸为手机对角线的长度,我们通常使用如下的方法计算PPI:
![d579cc5294ca4dccad7890d3be2e5c58.png](https://i-blog.csdnimg.cn/blog_migrate/2c0a2d138f2bc698f5627eeaea1ef6fe.jpeg)
iPhone 6的PPI为 :
![7b82e8561c932779651dffe215d2c7be.png](https://i-blog.csdnimg.cn/blog_migrate/eefd070c976e1e62307c6f8de51f0d1e.jpeg)
,那它每英寸约含有326个物理像素点。
DPI
DPI(Dot Per Inch):即每英寸包括的点数。
这里的点是一个抽象的单位,它可以是屏幕像素点、图片像素点也可以是打印机的墨点。
平时你可能会看到使用DPI来描述图片和屏幕,这时的DPI应该和PPI是等价的,DPI最常用的是用于描述打印机,表示打印机每英寸可以打印的点数。
一张图片在屏幕上显示时,它的像素点数是规则排列的,每个像素点都有特定的位置和颜色。
当使用打印机进行打印时,打印机可能不会规则的将这些点打印出来,而是使用一个个打印点来呈现这张图像,这些打印点之间会有一定的空隙,这就是DPI所描述的:打印点的密度。
![ed0d0df7d34698d3d025653552e1d2ae.png](https://i-blog.csdnimg.cn/blog_migrate/b7ce1441ca1841b69847069e6d38e62d.jpeg)
在上面的图像中我们可以清晰的看到,打印机是如何使用墨点来打印一张图像。
所以,打印机的DPI越高,打印图像的精细程度就越高,同时这也会消耗更多的墨点和时间。