dpi、ppi、px、dp、pt、sp、rpx - 设计师的小小盒

用最简单的语言了解那些被忽视的设计知识点——dpi、ppi、px、dp、pt、sp、rpx

### 定义

先了解一下基本定义：

- px（像素）：即 pixel，电子屏组成图像的基本单位，是逻辑单位，也可用来描述屏幕分辨率
- dp（dip）：即 density-independent pixel，安卓开发长度单位，dpi=160时，1dp=1px
- pt（点、磅）：即 point，一指打印基本单位，是物理单位，1pt=1/72英寸≈0.35毫米；二指iOS开发长度、字号单位
- sp：即 scale-independent pixel，安卓开发字号单位
- rpx：即 responsive pixel，微信小程序开发单位
- ppi：即 pixel per inch，屏幕像素密度，单位（每英寸）长度内容纳的像素个数
- dpi：即 dot per inch，一指打印点密度，单位（每英寸）长度内容纳的墨点个数；二指iOS开发像素密度；三指安卓屏幕像素密度

### 换算

ppi：ppi=sqrt(w^2+h^2)/对角线长度

pt-px：1pt=（ppi/dpi）px（这里的ppi指iOS开发中的屏幕像素密度，dpi指iOS开发像素密度）

dp-px：1dp=（dpi/160）px（这里的dpi为安卓屏幕像素密度，相当于iOS开发中的ppi，160为安卓开发基准dpi）

### 扩展

**一、ps小窍门**

ps使用的是1英寸=72pt标准，所以新建画布分辨率设定为72像素/英寸时，1pt=1px；分辨率设定为144像素/英寸时，1pt=2px

场景：

在iOS开发中，规定以dpi=163为开发基准，这是前提。iPhone6的设计尺寸为750x1334px，开发尺寸为375x667pt，ppi为326，dpi为163，根据公式1pt=（ppi/dpi）px换算一下得知，此时的1pt=2px

所以设计师以750x1334px在ps中进行设计时，可将分辨率设定为144像素/英寸，所标注的尺寸正好是开发所需要的尺寸

以此类比，安卓开发中，以dpi=160作为开发基准，xhdpi对应的设计尺寸为720x1280px，dpi为320，根据公式1dp=（dpi/160）px换算得知1dp=2px

所以设计师以720x1280px在ps中进行设计时，分辨率设定144像素/英寸，标注的尺寸同样即为开发所需尺寸

**二、字号单位**

形容字号时：中国习惯以“号”为单位，专业称呼为“点”，"磅"为俗称。“点”制又分“迪多点”制和“英美点”制，关于点、号、尺寸对照表可自行查阅

**三、关于分辨率**

图像分辨率：仅表示图像长宽像素个数

屏幕物理分辨率：随屏幕出厂而定，固定不变，屏幕即由物理像素点组成

屏幕逻辑分辨率：系统可控制的分辨率，一般说的屏幕分辨率就是指屏幕逻辑分辨率。逻辑分辨率=物理分辨率时显示效果最佳

>  我的站点：biliui.com

>  设计交流群：464674996