弄懂ppi、dpi、pt、px、dp、dip、sp之间的关系

本文详细探讨了屏幕像素与图片像素的区别,解释了分辨率在数字图像和硬件显示设备中的含义。PPI(每英寸像素)和DPI(每英寸点数)虽然常被混淆,但各有其应用场景。在Android系统中,dp(密度无关像素)和sp(缩放像素)是用于适配不同屏幕密度的重要单位。理解这些概念有助于优化数字图像显示和移动设备应用开发。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本概念:

  • 屏幕的像素与图片的像素是一回事吗?
  • 屏幕的分辨率和图片的分辨率是同一回事吗,分别代表什么,二者什么关系?
  • PPI 和DPI 是一回事吗,什么关系?
  • ptpx什么关系?
  • Android中的dppx什么关系?
  • Android中的dpsp什么关系?
  • Android中dip是什么,与px什么关系?

像素

像素,英文为Pixel,是我们日常最熟悉不过的了,但是深入进去会发现其蕴含的知识量是巨大的,此篇对于像素话题也只是浅尝辄止,抛砖引玉。

讨论像素需要分不同的场景: 1. 数字图像 我们程序员日常工作中接触并讨论的像素大多是指这个范畴。

光栅图片(Bitmap)是我们日常接触最多的,例如 jpg,jpeg,png,gif,bmp等等,另一种比较常见的就是矢量图了。 光栅图片是由一个一个像素组成的,那么像素包含哪些信息?有物理尺寸吗?

每个像素由颜色信息组成,有的还包含一个透明度信息。因为可以通过三原色Red,Blue,Green来混合出很多种颜色,所以一个像素就可以使用存储这三种颜色的一个数据结构表示。一个像素占用内存的大小,与其使用多少位来表示这些颜色有关,例如最简单的像素只有一个bit,那么它只能表示两个状态,0或者1,对应到图像上也就是黑白。当一个像素达到24bit的时候,RGB每个通道占8位,可以组合出来的颜色已经有1677万色(256256256=16,777,216)种了,而人类眼睛可以分辨的颜色也只有大概1000多万种,此时就是真彩色了。当然还有32位真彩色,感兴趣的可以去研究。

图片来源网络,如有侵权联系我删除  图片来源网络,如有侵权联系我删除

那么通过以上的介绍,我们可以得出结论,此处的像素没有物理尺寸,仅仅是一些数据,只有将其显示在物理设备上才会存在物理尺寸。

  1. 硬件显示设备 对于硬件显示设备,我们这边特指手机屏幕和显示器吧,像素是其显示的基本单位。显示屏目前广泛采用点阵显示,将任何的显示设备放大一定程度,可以看到基本都是由RGB三个小灯管组成一个像素(这个我没有办法去验证,但是以前玩google 那个纸板VR眼镜,近距离放大看手机屏幕时,可以看到屏幕上的小网,每个小网格就是一个屏幕的像素)。

图片来源网络,如有侵权联系我删除

 

分辨率

讨论分辨率仍然需要分讨论场景

1. 数字图像 此时分辨率是用来描述图片的像素信息的,比如我们说一张图片的分辨率是1280*720,那么仅仅是说明这张图片是由1280个像素* 720个像素组成的。如下图所示,至于这张图片的尺寸有多大,清晰还是模糊,这取决于它自身的存储格式以及用来显示它的设备。

  图片来源网络,如有侵权联系我删除

2. 硬件显示设备 是指这块屏幕所包含的像素(这个像素是物理上的,前面我们已经讨论过了)。例如小米8的屏幕分辨率为2248x1080,说明这块屏幕包含了这么多物理像素。

那么图片的分辨率与屏幕的分别率是什么关系呢?这需要清楚了PPI后才可以回答这个问题。

PPI与DPI

DPI是印刷业使用的单位,其表示的是打印纸上每一英寸包含的墨点数量,而PPI是电子屏幕上每一英寸上包含的可寻址物理物理显示单元。其中英寸是西方惯用长度单位,等于2.54厘米。这两个概念之所以如此容易混淆,就是因为一些软件提供商做的孽,例如Microsoft,Adobe,Apple 等等,他们经常将这两个概念互换使用。

PPI

PPI: Pixels Per Inch, 每一英寸上包含的像素个数。 这个值越高,屏幕的显示能力越强,例如小米8 PPI的计算方式如下图所示

DPI

DPI: Dots Per Inch, 每一英寸上包含的点个数。 与PPI计算方式一样,只是应用的领域不同,这个用在印刷业的。

至此我们可以回答图片的分辨率与屏幕的分辨率的关系了,以小米8为例,按照图片比例全屏显示某一张图片: 第一:当将一张1080*2248像素的图片显示在Mi8上时,屏幕上的每一个物理像素对应一个图片像素,可以完美显示。 第二:当将一张2000*2248像素的图片显示在Mi8上时,Mi8的屏幕在宽度上是无法显示的,所以显卡会将图片光栅化,通过一定的算法将2000个像素减少到1080个像素,由于是从多到少的处理,所以图片是清晰的。 第三:当将一张720*1280像素的图片显示在Mi8上时,显卡会将图片光栅化,将图片以其中一边为标准拉伸,图片会变模糊。

Pt vs Px

Pt :汉语翻译为,是一个物理尺寸,长度为1/72 英寸,在概念上Pt与Px毛关系也没有,但是在photoshop中就有关系了。photoshop 中的pt却是一个相对单位(这帮二货各种混用)

换算公式:1pt= (DPI / 72) px

Android中的dp与px关系

dp: Density-independent Pixels, 这个是Android基于物理设备的ppi抽象出来的一个单位。它是以160dpi的屏幕为基准定义的,在160dpi的屏幕的屏幕上1dp=1px,那么我们就可以得出其

换算公式: 1dp=(屏幕ppi/ 160)px

目前Android系统的屏幕分类如下表 |密度分类| 屏幕密度 | |--|--| |ldpi |120dpi | |mdpi |160dpi | |hdpi |240dpi | |xhdpi |320dpi | |xxhdpi |480dpi | |xxxhdpi |640dpi |

Android中的dp与sp关系

sp: Scale-independent Pixels,其与dp基本一样,也是像素无关的,但是是用在描述字体的大小上。其尺寸会同时相应屏幕密度以及用户对字体的偏好设置。 例如:在手机的字体设置为默认大小时,使用dpsp描述字体的大小是一样的,如下图

 

但是当我们改变了手机的字体默认设置的字号后,dp描述的字体大小没有变化,但是sp描述的字体大小却相应的发生了变化,如下图。

 

除此之外dpsp再无差异,一般建议字体使用sp作为单位。

Android中dip是什么,与px的关系

dip 就是dp互为别名,没有任何区别,其与px关系见上文。

 

 

 

 

在移动应用开发中,设计尺寸是非常重要的。以下是一些常见的设计尺寸及其解释: 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):密度无关像素。dpAndroid 设备上的一个单位,它与 pt 的概念类似,但是 dp 进行了像素密度的换算。例如,当设备像素密度为 160dpi 时,1dp = 1px;当设备像素密度为 320dpi 时,1dp = 2px。 6. sp(Scaled Pixels):可缩放像素。spAndroid 设备上用于字体大小的一个单位,它与 dp 的概念类似,但是 sp 进行了字体的缩放。例如,当设备像素密度为 160dpi 时,1sp = 1dp;当设备像素密度为 320dpi 时,1sp = 2dp。 在设计移动应用时,需要考虑不同设备的像素密度和屏幕尺寸。使用像素密度无关的单位(如 dpsp)能够确保设计在不同设备上的显示效果相同。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值