dpi、ppi、px、dp、pt、sp、rpx
2019年06月06日 10:54:19
3195
用最简单的语言了解那些被忽视的设计知识点——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