刚开始学习做设计图的时候，遇到的第一个难题是页面尺寸的设置。切换Units后，发现不同的选项，对应的单位也不同——pt、p0、in、mm、cm、px

经过学习，决定把自己理解的内容写下来，欢迎大家一起交流，并批评指正。

屏幕实际尺寸（pt）：

指手机对角线的物理尺寸，绝对大小。pt，常用于印刷业。

单位换算：1inch＝2.54cm=72pt

分辨率（px）：

指手机屏幕的像素点数，相对大小。以分辨率1024x768 屏幕来说，屏幕的X轴每一条水平线上有1024个像素点，Y轴上有768个像素点。

分辨率又可以分为图片分辨率、和屏幕分辨率2类。

图像分辨率 泛指单位英寸中所包含的像素点数，其定义更趋近于分辨率本身的定义

屏幕分辨率 特指显示器所能显示的像素有多少，屏幕图像的精密度。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。工作中常用的是屏幕分辨率。

密度（dpi/ppi）：

其实dpi、ppi概念上还是有区分的

DPI（Dots Per Inch）：每英寸点数，表示指屏幕密度。是测量空间点密度的单位，最初应用于打印技术中，它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片

PPI（Pixels Per Inch）：图像分辨率；是每英寸图像内有多少个像素点，分辨率的单位为ppi，通常叫做像素每英寸。图像分辨率一般被用于ps中，用来改变图像的清晰度。

那ppi是怎么计算得到的？

计算公式：

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

（X：长度像素数；Y：宽度像素数；Z：屏幕大小）

就是用手机分辨率的长的平方加上宽的平方和再开方，再除以手机屏幕尺寸

举个栗子：

iPhone4s: 960X640, 326ppi

计算：

ppi=√（960^2+640^2）/ 3.5

计算约为330与官方的326差别不大

小米3：

5英寸屏幕，分辨率1080 × 1920，440ppi

计算：

ppi=√（1080^2+1920^2）/ 5=440ppi

图片解释一下这个关系（图片来自网络）：

单位换算：

1inch=72pt=96px，1pt=1px* 3/4 ,1em=1px*16

ps：解释来自网络

“Ems”(em): 其实就是％，1em就等于当前字体的大小，被用于网页文件媒介的可缩放的单位（即相对单位）。

因为当网页中的字体没有给出实际的px或pt定义的话，会有一个默认值：12pt即16px，对应浏览器中“字体大小”中的“中等”，以这个为标准，变大或缩小。（只适用于IE，在FF中，即便定义px或pt也都可以变大变小）

DP：安卓专用长度单位。以160 DPI屏幕为标注，则1DP=1PX

计算公式：dp x dpi/160=px

例：以720x1280px （320dpi）为例计算 1dp x 320 dpi/=2px

SP：安卓专用字体单位。以160 DPI屏幕为标注，则1SP=1PX

计算公式：sp x dpi/160=px

例：以720x1280px （320dpi）为例计算 1sp x 320 dpi/=2px

小结：

px：pixel，像素，屏幕上显示的最小单位，是相对值；是设计师在ps里常用单位。

pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，是绝对值；

PPI：pixel（dot）per inch，每英寸的像素（点）数，是一个率，表示“清晰度”，“精度”；值越高，越清晰。一般被用于ps中，用来改变图像的清晰度。

DPI：Dots Per Inch，每英寸点数，表示指屏幕密度。最初应用于打印技术中，它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

em：即％，在CSS中，1em＝100％，是一个比率，结合CSS继承关系使用，具有灵活性。

DP：安卓专用长度单位。

SP：安卓专用字体单位。

2013.12.24