一篇文章帮你理清pt，px， ppi，dpi，dp，sp

~ 作为一个新人，在做移动端UI设计的时候，往往对px，pt，ppi，dpi，dp，sp不是十分清楚，一倍图二倍图三倍图如何换算，导致切图时不知如何导出，本人在学习过程中整理汇总了一些相关知识，并尽量用最简单得语言解释。设计师在设计时可以进行参考。（如发现文中出现错误，请联系我更正）。

名词解释 ：

    点pt : point，印刷行业常用单位，等于1/72英寸

     像素px ：pixel，电子屏幕上影像成像的基本单位。

     长度单位 dp: dip ，Density-independent pixel, 是安卓开发用的长度单位，1dp表示在屏幕像素点密度为160ppi时1px长度

    字体大小sp : scale-independent pixel，安卓开发用的字体大小单位。

    点密度dpi ： dot per inch，每英寸多少点，值越高图片越细腻。属于谷歌旗下第一款Android设备为160dpi，规定一倍图为160dpi。    

     像素密度ppi ：pixel per inch，每英寸像素数，值越高屏幕越细腻。

面积相等的区域里，塞进了多少个像素，就代表像素密度有多大，塞进的像素越多即像素密度越大，肉眼所见细腻。如图1个方块代表1个像素，同一个区域里，100X100px的区域塞进去像素更多，显示时也会更清晰细腻。

计算公式及关系：

px与pt：1pt= (DPI / 72) px

即ps中，当画布分辨率为72时，pt=1px; 当新建画布分辨率为72*2=144ppi时，1pt=2px

dpi与ppi：安卓1倍图(163dpi)=ios1倍图(160ppi)，dpi=ppi

 注意：当ppi计算出来>=300,肉眼就已经分辨不出其区别。

 以iphone3GS（320*480px/3.5 inch）为例 ， 为ios1倍图

接下来，我将用部分主流机型举例：由 得，

iPhone 8 (750*1334px/4.7inch) 326 163*2      为2倍图

iPhone xr (828*1792px/6.1inch) 319 163*2     为2倍图

iPhone xs (1125*2346/5.8inch) 462 163*3      为3倍图

用这个公式，就可以大致判断每个机型应该是几倍图。其他就不在详细计算了，以1倍的mdpi为基准，像素密度更高或者更低的设备，只需乘以相应的倍率，就能得到与基准倍率相近的显示效果。上图：

px和dp: 1dp=(屏幕ppi/ 160)px，即1dp定义为屏幕密度值为160ppi时的1px

以WVGA屏为例，该屏幕为480px*800px，按3.8寸屏算，点密度 √ (480^2 + 800^2) / 3.8 = 245，约等于240，对应于hdpi屏幕，所以该屏幕1dp=1.5px。安卓端屏幕大小各不相同，根据其像素密度，分为以下几种规格：

1dp定义为屏幕密度值为160ppi时的1px，即在mdpi时，1dp = 1px。 以mdpi为标准，这些屏幕的密度值比为：ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3;即，在xhdpi的密度下，1dp=2px;在hdpi情况下，1dp=1.5px。其他类推。

dp和sp：都是安卓的开发单位，dp是长度单位，sp是字体单位，可根据用户字体大小进行缩放，一般认为1dp=1sp。

Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等，当文字尺寸是“正常”时1sp=1dp，而当文字尺寸是“大”或“超大”时，1sp>1dp。

总结：

1. 在画布分辨率=72ppi时，1pt=1px

2.ppi=dpi，计算公式（√ (屏幕横向像素点x^2 + 屏幕纵向像素点y^2)/屏幕尺寸inch）

3. 1dp=(屏幕ppi/ 160)px

4.1dp=1sp

---

桦甸市18662758658： 在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位.它们各是什么意思,有什么区别呢?？
由亨感冒： px 像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的 em 是相对长度单位,相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸. pt 单位名称为点(Point),绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用. em与px换算 任意浏览器的默认字体高度16px(16像素).所有未经调整的浏览器都符合: 1em=16px.那么12px=0.75em,10px=0.625em. 参考资料:css长度单位px、em、pt http://www.studyofnet.com/news/402.html

桦甸市18662758658： 锦纶,涤纶,氨纶,丙纶,腈纶.怎样才能分清 - ？
由亨感冒：锦纶:织物轻,弹性好、耐磨性特别好、透气性差.长丝多用于针织和丝绸工业;短纤大都与羊毛或毛型化纤混纺.工业上用作帘子线和渔网,也可作地毯,绳索,传送带,筛网等. 涤纶:挺括不皱、保形性好、耐磨、尺寸稳定、...

桦甸市18662758658： 哥哥打妹妹光屁屁的作文,要狠,要恶意的~~原创,所有的我都看过了... - ？
由亨感冒： 我是一个小女子,哥哥打我很正常,但他很坏.一天,他进了我房间,打我1500屁屁,我晕死过去,他弄醒我,打我500屁眼,打我1000鞭子,捏我乳房...

桦甸市18662758658： 一篇文章有9600个字小明打了全文的40%小明打了多少个字?,小华来帮忙打了全文的30%,小华打了多少个字?(单位一,关系式,线段图) - ？
由亨感冒：[答案] 小明:9600x40%=3840(个) 小华:9600x30%=2880(个) 我只能帮到这了

桦甸市18662758658： 课前演讲】帮忙找一篇文章,是先写出对自己最重要的五个人,然后一一划掉(到最后,都划没).帮忙找一篇文章,是先写出对自己最重要的五个人,然后一... - ？
由亨感冒：[答案] 我的五样 (毕淑敏) 老师出了题目——写下“你生命中最宝贵的五样东西”,我拿着笔, 面对一张白纸, 周围一 下静寂无声. 万物好似压缩成超市货架上的物品, 平铺直叙摆在那里, 等待你的手挑选. 货筐 是那样小而致密, 世上的林林总总, 只...

桦甸市18662758658： 学生自己做好一篇英语阅读理解后要怎么整理笔记求帮助 - ？
由亨感冒： 我认为对于阅读理解的话笔记其实帮助性不会特别大,把文中不会的词组单词记住是有必要的.顺便总结下几大重点 词汇 词汇是基础必须掌握.阅读中如果一句话中有一两个单词不认识,很可能导致这句话的意思搞错,甚至把整篇文章的主导...

桦甸市18662758658： 标点符号在一篇文章中算一个汉字吗?在算字数时. - ？
由亨感冒： 算汉字 汉字的文稿里,标点都算字数. 在没有用电脑写作的时候,投稿的字数是按稿纸的页数算字数的,稿纸的下端都标明本页的字数,这个字数是连同标点的.现在中小学生的作文本都是方格本,也是为了计算字数的方便,当然还有其他一...

桦甸市18662758658： 我想提高英语口语和听力,听原声听不懂该怎么办 - ？
由亨感冒： 首先、确定你自己的英语水平.但每个人具体情况又都不一样,有人阅读专业书一目十行,但读报纸很费劲.有人听新闻可以,听别的不行.你必须首先了解自己,然后针对你的情况对症下药.这种评估工作最好找英语好的人帮你做,如果不方...

桦甸市18662758658： 难忘的第一次作文400字乐乐课堂 - ？
由亨感冒： 希望能帮到你,望采纳.难忘的第一次人的一生中有许多的“第一次”.第一次学会写字,第一次坐车,第一次看电影,第一次做菜,第一次玩游戏,第一次第一次发表作品等等.每个“第一次”,都意味着我们要不断探索,不断迎接挑战,...

桦甸市18662758658： 如何分析一篇文章 - ？
由亨感冒： 做阅读跟看书不一样,阅读要求的是做题的准确性,时间的快速性,一般是泛读;一般看书可以精读和泛读 1,先看题目,从题目开始着手.根据题目上的提示词大多都能让你找到文章中此题答案的所在范围,一般都是在上下句.先看题目再看文章可以比较要目标性. 2,如果阅读篇幅过长,可以先看首段和末段(通常文章大意都能从这两段中得出,让你马上知道文章的大概内容).然后是看每一段的首句和末句. 3.综合首段,每一段的首句和末段,一般文章的整个内容已经呈现出来了.再根据题目的提示语找答案所在范围,答案很容易就出来了 希望能帮到你