作为一只产品汪，其实在很长的一段时间里，都没有明白设计中最基础的分辨率到底是什么意思，在经过同事努力讲解却依旧一脸懵逼的尴尬后，终于下定决心了解分辨率相关的基础知识。

为什么我这么模糊

什么是屏幕尺寸

手机现在已经用的很普遍了，我们常说一款手机是多少英寸大小，以我使用的MI5举例，它的主屏尺寸是5.15英寸，这意味着它的屏幕对角线尺寸是5.15英寸（大约是13.081厘米）

屏幕对角线长度即我们常说的屏幕尺寸

扩展阅读：如何根据屏幕尺寸计算屏幕长度和屏幕宽度

通过勾股定理我们知道，√￣（屏幕长度的平方加上屏幕宽度的平方）就是屏幕尺寸。为什么我们一般都只说屏幕尺寸，而不说屏幕长宽呢？我猜想大概是因为一个数值比两个数值更容易记忆和理解，对角线长度一样，即使屏幕长款比不一样，使用上的差异也并不会很大。

我们如何推算出屏幕的长和宽呢？下面以MI5进行举例，这块手机的屏幕分辨率是1920x1080像素，通过约分可知道这是一款16：9的屏幕（单个像素往往是正方形的）。带入上边的公式可以知道，屏幕长度的平方+[屏幕长度*(9/16)]的平方=5.15英寸的平方，得到屏幕的长和宽分别为4.49英寸和2.52英寸

什么是pt

pt是point的缩写，是一种绝对长度，1pt=1/72英寸，iPhone3GS的屏幕长宽就分别为480pt和320pt，iPhone 4的屏幕长宽页同样是480pt和320pt。

什么是px

px是Pixel的缩写，代表了一个像素，px是计算机构成影像的最小单位，无法被继续切割。

扩展阅读：相机的多少像素是什么意思

我们经常看到说一款手机的前置摄像头和后置摄像头是500w像素或2000w像素，这个像素又是什么意思呢？

上边已经说了，px代表了一个像素，并且不可切割。我们在电脑上将一张图片无限制放大时，可以看到一个个方块，最小的一个方块代表了一个像素。同样的成像尺寸，如果其中能放下更多的像素点，那么理论上可以认为，像素越高，照片看起来也就越清晰。

还是以MI5举例，这是一款后置摄像头为1600w像素的手机，通过查看它拍出的照片参数，3456*4608px（长宽比为3:4），相乘得到屏幕内一共有15925248个像素点（约等于1600w）

什么是ppi

随着技术的进步，同样的屏幕尺寸下能够放入更多的像素点，从而在屏幕内展示更多的细节。ppi(Pixels Per Inch)就是描述屏幕密度的参数，意思是一英寸有多少个像素点。ppi的计算公式是：

ppi=√（X^2+Y^2）/ Z

其中，X是水平分辨率，Y是竖直分辨率，Z是屏幕尺寸。

我们常说的视网膜屏幕，是指分辨率超过人眼识别极限的高分辨率屏幕，由苹果公式在2010年在iPhone 4发布会上首次推出营销术语。对于手机屏幕来说，一般超过300ppi就可以认为是视网膜屏幕了。

乔布斯是这样阐述的：“当你所拿的东西距离你10-12英寸（约25-30厘米）时，它的分辨率只要达到300ppi这个‘神奇数字’（每英寸300个像素点）以上，你的视网膜就无法分辨出像素点了。”这也就是苹果对“视网膜屏幕”的最初定义，iPhone 4屏幕的像素密度也达到了326ppi。

扩展阅读：retina又是怎么回事

其实对retina一直是有点懵逼的，查阅了一些资料，我的理解大致就是通过渲染的形式，将多个像素的信息强行塞入一个像素点中，具体怎么实现的属于专利部分了，暂时没理解到。

因此，对于苹果的高ppi产品，常常使用2x像素的图（2倍图）代表安卓同样尺寸的图。对于iPhone X，ppi达到了458 ppi，目前使用的是3x的切图。

上边说了很多概念，其实是在一个优化需求中，需要在app中展示大图，如何才能使得图片看的过去，没有那么模糊，当时UI给出的建议最小尺寸是750（宽）*422，即使是这个尺寸，放在iPhone X的2436×1125像素屏幕上，相当于使用1.5个像素点来展示一个像素点的内容，属于将就能看的级别。对于我的测试机小米2S（分辨率1280x720）来说，就属于非常恰到好处了。