“px、pt、ppi、dpi、dp、sp”全攻略

《圣经·旧约·创世纪》中记载着一段传奇:

“时年,天下人言语相通,协力建造通天塔。上帝为阻止人类造塔屡次摧毁破坏。但这并不能阻止人们,塔一次次被垒了起来,离天空越来越近。最后上帝想出方法,不再摧毁塔基。而是让人们言语不通各说方言,人们无法沟通,再也无法合作,最后各自散去,世间再无通天塔。”

从故事中我们清晰的认识到,只有最大程度的沟通,深刻的理解含义,才能造出“通天塔”。

但是...《圣经》里写的故事,欧洲人竟然都没有遵守,总是弄出一大堆的莫名其妙来难为我们......

每当我兴冲冲的打开PS想干点什么时,一堆破字符就会映入我眼帘,他们是 “px、pt、ppi、dpi、dp和sp”。想过去看今朝我此起彼伏,于是乎我突然冒出个想法,我想写本书...

破局--弄懂这群死扑街(gái)的单位:

-------------------------------

※APP设计尺寸单位各自的定义:

px:pixel

【 像素】  电子屏幕上的最基本单元

pt: point

【 点】印刷行业常用单位,等于1/72英寸

ppi: pixel per inch

【每英寸像素数】  值越高,则屏幕越贵越高清

dpi: dot per inch

【每英寸多少点】,值越高,打印机越贵越高清

dp: dip,Density-independent pixel

【安卓开发用的长度单位】1dp表示在屏幕像素点密度为160ppi时1px长度

sp: scale-independent pixel

【安卓开发用的字体大小单位】。

※他们之间的关系

----------------------------------

Pt / Px

当Photoshop中新建画布分辨率为72ppi时,1pt=1px ,当新建画布分辨率是144ppi时 1pt=2px

DP / Px

MDPI时 1dp=1px

以MDPI为标准屏幕的密度值比是

LDPI : MDPI : HDPI : XDPI : XXDPI=0.75 : 1: 1.5 : 2 : 3 (这就是@1x / @2x / @3x的换算来历)

DP / SP

DP是Android的长度单位,SP是Android的字单位

在制作Android的时候,一般只做Xdpi(@2x)效果,如果新建画布分辨率为72ppi,则换算机制如下:

1pt=1px=1/2dp=1/2sp

也就是说在标注时,一个宽为 10px 的距离可以标注成 10Pt或者5dp。而一个大小为10PX的文字,可以标注为5sp。

希望你早起建起通天塔,矗立在彩虹之巅。

 

  获取更多资料学习:企飞SCRM 或群号;华闻达老师学习交流群682650089

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在移动应用开发中,设计尺寸是非常重要的。以下是一些常见的设计尺寸及其解释: 1. px(Pixel):像素。在计算机图形学中,像素是构成图像的基本单位,是一个矩形区域的最小单元。 2. pt(Point):点。在 iOS 设备上,1pt = 1/72 英寸。在 Android 设备上,1pt = 1/160 英寸。在设计师眼中,pt 是一个抽象的单位,不同的设备有不同的像素密度,但 pt 的大小在不同设备上是相同的。 3. ppi(Pixels Per Inch):每英寸像素数。ppi 越高,屏幕显示的图像越清晰。例如,iPhone 11 的 ppi 是 326,而 iPhone 11 Pro Max 的 ppi 是 458。 4. dpi(Dots Per Inch):每英寸点数。dpi 是印刷行业常用的单位,但在移动设备上也有用处,因为移动设备的屏幕本质上也是一种印刷技术。dpippi 的概念相似,但 dpi 通常用于打印机和扫描仪等设备。 5. dp(Density-independent Pixel):密度无关像素。dp 是 Android 设备上的一个单位,它与 pt 的概念类似,但是 dp 进行了像素密度的换算。例如,当设备像素密度为 160dpi 时,1dp = 1px;当设备像素密度为 320dpi 时,1dp = 2px。 6. sp(Scaled Pixels):可缩放像素。sp 是 Android 设备上用于字体大小的一个单位,它与 dp 的概念类似,但是 sp 进行了字体的缩放。例如,当设备像素密度为 160dpi 时,1sp = 1dp;当设备像素密度为 320dpi 时,1sp = 2dp。 在设计移动应用时,需要考虑不同设备的像素密度和屏幕尺寸。使用像素密度无关的单位(如 dpsp)能够确保设计在不同设备上的显示效果相同。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值