分辨率是一张图像的重要参数，围绕它有很多相关的技术参数，现在就来了解下这些技术参数。从上往下看这两张图，图片在放大，放大后可以看见一个个小方块，这些小方块就是组成一张图像的最小单位。
像素
像素是图像显示的最小单位，一个像素可以是一个点，一个方块。一个图像是由很多一个个像素组成的，比如一个绿色的大按钮图像，可能是由几百个像素组成的，每一个像素都是绿色，所以整个按钮看起来都是绿色的。
分辨率
表示在长度上能一列能显示的像素数目，以及在宽度上一行能显示的像素数目。比如分辨率为 2688*1242 ，则在长度上一列有 2688 个像素，在宽度上一行有 1242 个像素。
像素密度
英文称为 PPI（Pixel Per Inch by diagonal），表示一块屏幕的对角线上，每英寸上的像素数目。PPI 数值越高，每英寸上能装下的像素就越多，屏幕看起来越清晰。
1 英寸 = 1 inch = 2.54 cm = 25.4 mm
像素密度的计算公式如下
PPI=√(X²+Y²)/ Z ，X 是宽度像素数目，Y 是长度像素数目，Z 是屏幕对角线尺寸。
比如 iPhone XS Max ，屏幕对角线为 6.5 英寸，设备分辨率 2688*1242，所以长度上每列有 2688 个像素点，宽度上每行有 1242 个像素点，PPI=√(2688²+1242²)/6.5≈458
假设一块分辨率为 458*458 px 的正方形图像，在 iPhone XS Max 上是显示出来的物理尺寸是 1*1 英寸，因为它的 PPI 是 458，一英寸长度显示 458 个像素点。假设 iPhone XS Max 的 PPI 是 229，一英寸长度显示 229 个像素点，所以 458 个像素需要两英寸长度，则显示出来是 2*2 英寸，看出来大了一倍。综上，一张 458*458 px 的图像，在 PPI=458 的屏幕上显示为一英寸大小，在 PPI=229 的屏幕上则显示为两英寸大小。所以我们就知道了，同一张图像，在 PPI 不同的手机上会出现显示大小不同的情况。
本文首发于公众号「stackwei」，欢迎关注更多文章。
