像素px、分辨率、ppi、dpi、dp(dip)

像素px、分辨率、ppi、dpi、dp(dip),第1张

屏幕尺寸(Screen Size): 屏幕对角线的长度。iPhone5屏幕尺寸为4英寸、iPhone6屏幕尺寸为47英寸,指的是显示屏对角线的长度。 1 inch = 254cm = 254mm

分辨率:屏幕上的像素总数。常用的表现形式如:1280x720, 1920x1080等。

px,pixel,像素,电子屏幕上组成一幅图画或image的基本单元。

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

ppi,pixel per inch,每英寸像素数,值越高,屏幕越细腻。

dpi, dot per inch,每英寸多少点,该值越高,则越细腻。

dp,dip, Density-independent pixel,安卓开发用的长度单位。以160ppi为标准,和iPhone的scale差不多的意思。安卓用dp适配,系统会自动将dp转换为px。当屏幕像素点密度为160ppi时,1dp=1px。

当的分辨率是72ppi(dpi)时,1pt = 1px;

当的分辨率是722ppi(dpi)时,1pt = 2px;

dpi最初用于衡量打印物上每英寸的点数密度,DPI值越大越精细。当DPI的概念用在计算机屏幕上时,就应称之为ppi。同理: PPI就是计算机屏幕上每英寸可以显示的像素点的数量。在电子屏幕显示中ppi和dpi是一样的。

假设屏幕分辨率为W H(px),物理尺寸为a b(inch),

则我们常说的屏幕尺寸c(如50英寸)其实是对角线的长度,因此

则像素密度(PPI),指的是屏幕单位长度的像素数

由此我们推理出:

因此我们可以得出PPI( DPI)计算公式:

dp,独立像素,虚拟单位,又称设备无关像素。1dp的长度相当于一个160dpi的屏幕上一个物理像素的长度。而160dpi的屏幕则是被android定义为基准的屏幕(mdpi)。在app运行的时候,android会将dp转为实际像素进行布局。转换的公式为:

px = dp (dpi / 160)。

dp为安卓开发时的基本长度单位,根据不同的屏幕分辨率,与px有不同的对应关系。根据其像素密度,我们将安卓端屏幕分为以下几种规格:

1dp即为当屏幕密度值为160ppi时,1pt=1px。则,在上表中,当密度为mdpi时,1dp = 1px。 以mdpi为标准,上表中屏幕的密度值比分别为:

即,在xhdpi的密度下,1dp=2px;在hdpi情况下,1dp=15px。其他类推。

这一次要帮你彻底搞明白px、ppi、dot、dpi、sp、dp、pt

这是初级设计师经常弄混淆的几个概念,下面我以“基本概念,易混淆的点,从问题入手,总结”四个方面来聊一聊 Px,ppi;dot,dpi; sp,dp;pt 那些事儿。

一、px,ppi;dot,dpi; sp,dp;pt 的基本概念

1 px:像素

1像素实际上是一个颜色点,所以又称像素点。大量不同颜色点组成一张图像,因此图像的基本单位是像素px(没有比像素更精细的单位了)。

像素主要用来表示图像大小和显示器分辨率(如19201080px)。像素本身的物理尺寸不固定,所以它的物理尺寸没有意义,有意义的是它的数量。

为什么像素的物理尺寸不固定?

像素本身不是物理世界的单位,是一个相对单位,尺寸可大可小。在高密度的屏幕上像素会变小,显示效果更清晰。因为“像素量px = 像素密度ppi x 屏幕尺寸in”,同样是1英寸的屏幕,密度越大,像素越多,则单个像素的物理尺寸越小。

都是相关信息,体积和像素有什么关系?

通常所说的100KB的指的就是的体积,首先一张图像在存储时,会描述每个像素点的颜色信息、位置、数量,这些描述数据就是图像的体积,如果像素越多自然图像体积越大。假如一张都是一个颜色,图像在保存时就会压缩,只存一个像素点的颜色信息,这样的图像体积会小很多。所以,像素点越多,颜色越复杂,图像体积越大。

为什么我们要买高像素的相机?

日常我们所说的几百万像素的相机,这个几百万像素指的是拍摄最大像素量照片时,图像宽高位置上像素量的乘积。如果像素量大,将来印刷或者在显示器上查看,在1英寸上就有足够多的像素显示,像素密度增加,图像也会更清晰。因此,我们更愿意买高像素的相机。

总结: 像素px常用来描述图像尺寸和显示器分辨率。

2 ppi:像素密度(pixel per inch)

1英寸屏幕上显示的像素量,密度单位。决定的物理显示尺寸,只有涉及到显示才有意义。值越大,显示越细腻。

计算公式: ppi=屏幕对角线上的像素量px/对角线长度inch = √(屏幕横向像素^2 + 屏幕纵向像素^2)/对角线长度。

为什么说ppi决定的物理尺寸?

一个手机的显示屏在出厂时就确定了PPI的值,PPI越大,显示越高清。的物理尺寸 = PPI Px,通常一张图像的px确定,ppi越大,则它的物理尺寸越小。所以为什么我们在高PPI的手机上,人眼看到的图像比低PPI的图形小。在设计行业,我们会针对高PPI的手机,设计更大像素的图像也是这个道理。

日常所说的分辨率有两个概念,一个指显示器的分辨率,另一个指图像的分辨率。显示器分辨率指显示器所能显示的像素多少(1920px1080px),显示器可显示的像素越多,画面就越精细,因为屏幕尺寸一定,分辨率越大,像素密度越大。显示器分辨率都用(1920px1080px)这种形式表示,清晰度还需要结合屏幕尺寸计算。图像分辨率则是单位英寸中所包含的像素点数,比如photoshop 里新建画布时设置的图像分辨率72ppi,其定义更趋近于分辨率本身的定义

注意:

同一显示屏上查看,像素量越大,尺寸越大。

显示分辨率一定的情况下,显示屏越小图像越清晰(比如MacBook),反之,显示屏大小固定时,显示分辨率越高图像越清晰。

对于设计师来说像素密度很重要,需要很据像素密度来切图和适配,理解了像素密度的意义,就理解了几倍图之间的关系。

3 dot:墨点

印刷品的最小单位,表示一个印刷颜色点,类似px,只有相对大小,用在印刷行业。

4 dpi:打印分辨率 (dot per inch)

1英寸上打印的墨点数量,密度单位,只用在印刷行业,值越大,印刷越精细。

注意:

与安卓的dp完全没关系。

印刷行业相关的单位是dot,dpi。印刷尺寸(英寸)=打印墨点数(dot)/打印机密度(dpi)。

照片的清晰度,是由打印机分辨率决定的。所以一张照片包含的像素越多(需要高像素照相机拍摄),高dpi打印机就可以打印出清晰的。如果照片像素量px一定, 打印机的dpi越高, 则打印尺寸越小。(这里可设置为dot=px)

5 pt:点(印刷)

大小为1/72英寸=035mm,单位是英寸,是物理长度单位,大小固定,绝对单位。源于活字排版时代,photoshop里的字体单位就只这个。

公式: 1pt= (PPI / 72) px。

当photoshop中新建画布的分辨率为72ppi,由公式,则1pt=1px。当分辨率为144ppi时,1pt=2px。

注意: 这里指印刷行业的pt哦!

6 pt: 点(iOS)

iOS系统开发单位,是独立像素的意思,长度固定,不随屏幕像素密度ppi变化而变化。

苹果公司规定:普屏时1px=1px,而普屏的ppi=163像素/英寸,那么pt=1/163英寸=016mm(固定值)。普屏1px=1px,高清屏1pt=2px。

用固定长度pt作为开发单位的好处是,这样可以保证同一张在不同设备上显示大小一样,因为pt值是固定的。高清屏上1pt等于更多的像素px,因为像素在高清屏上变小,所以pt还是固定的。

7 dp:长度(Android)

(Density-independent pixel) 是安卓开发用的长度单位。

根据不同的屏幕分辨率,与px有不同的倍数关系。规定:1dp等于屏幕像素密度为160ppi时1px的长度,因此dp在整个系统大小是固定的。公式:1dp=(屏幕ppi/ 160)px。

1dp等于屏幕像素密度为160ppi时1px的长度,即,在mdpi时,1dp = 1px。 以mdpi为标准,这些屏幕的密度值比为: ldpi : mdpi : hdpi : xhdpi : xxhdpi = 075 : 1 : 15 : 2 : 3。android中清屏1dp=1px,高清屏1dp=15px,超清屏1dp=2px。

做设计时以xhdpi为模板, xhdpi条件下1dp=2px,标注长度的时候,将长度像素除以2即为dp值,这样方便和开发沟通。

8 sp:大小(Android)

(scale-independent pixel) 安卓开发用的字体大小单位。

注意: dp和sp都是安卓开发的单位,dp是长度单位,sp是字体单位。一般情况下可认为sp=dp。

二、易混淆的点

px和dot

都是点的概念,px应用在电子显示设备上,是显示图像的基本单位。dot应用在印刷行业,是打印的基本单位。

ppi和dpi

ppi和dpi无关系,互不影响 。 ppi影响图像的显示尺寸,dpi影响图像的打印尺寸。打印时可以让数量上px=dot,则设计时在photoshop里设置的ppi大小,可以认为是dpi大小。

很多技术人员经常把ppi和dpi画等号, 其实他们的物理意义不一样,但是因为混淆的人多了,所以在电子屏幕显示中提到的ppi和dpi我们可以认为是一样的。

pt和dp

iOS系统的pt和Android系统的dp概念是相似的。

三、从问题入手深入理解概念

1设计印刷品时,为什么说在ps里设置的ppi没有实际意义,但还是要设置呢?

首先我们要明白,打印的分辨率dpi是由实际的打印机决定的,所以在ps里设置分辨率根本没有意义。但是我们可以预期打印效果,比如多大的分辨率和尺寸,有了这两个值就能确定像素量px,即,只要像素量满足要求,就能打印出预期的效果。所以ps里设置分辨率ppi是为了让ps计算出像素量大小。

2photoshop里,高ppi和低ppi画布的显示差别?

Photoshop里的显示大小只和图像的像素量和显示器分辨率有关。显示器是确定的,所以像素量越大,显示尺寸越大。

3photoshop里, 相同像素的图像,高ppi图像拖入到低ppi图像里,高ppi的图像变小, 为什么?

因为拖入后,高ppi的文档分辨变小,photoshop把图像的像素按照ppi变小的比例变小。这样里体现了不同ppi的图像在photoshop里的转换关系。

4photoshop里,相同像素的图像,低ppi图像拖入高ppi图像里,低ppi的图像无变化,为什么?

因为拖入后,低ppi的文档分辨变大,photoshop把图像的像素按照ppi变大的比例变大,这样就超过了画布尺寸,photoshop按照置入的原理显示,即按最大边匹配。

5使用软件的方式,增加图像的像素px,或者提高图像的像素密度ppi,对图像有什么影响?

软件增加像素,会变模糊,因为增加的不是有效像素,所谓高清图是指包含有效像素多的。显示清晰度由显示器本身决定,的ppi没有意义。

6100100px的,ps改变它的ppi,会怎样?

像素是确定的,即不会影响显示,也不会影响印刷。

四、总结

1手机设计稿

因为手机屏幕的ppi和英寸确定,那么像素可计算出来,即px确定,只需设置ps的画布像素px相同就可以了,ps里设置的ppi对手机设计稿而言并没有什么意义,可以随便设置;手机只关注的像素够不够,因为是按照手机1:1的像素设计。所以,适配高ppi手机的设计稿,修改ps的ppi是没有用的,而应该按照高ppi的像素修改设计稿。

2打印设计稿

打印尺寸和打印分辨率300dpi确定, 但ps以px为单位,由公式dot=英寸dpi,px=英寸ppi,英寸相同, dpi=ppi=300,那么数量上可以dot=px。ps的英寸和ppi确定, px也确定,但不能直接得出px数量,但是ps可直接设置厘米cm, 那就只需要设置宽高的厘米和分辨率300ppi=11811像素/厘米,就可以间接设置所需的像素量,这就能保证300dpi清晰度和打印尺寸。(设置300dpi时ps会自动转化为11811像素/厘米)

作为一个新人,在做移动端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; 当新建画布分辨率为722=144ppi时,1pt=2px

dpi与ppi:安卓1倍图(163dpi)=ios1倍图(160ppi),dpi=ppi

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

 以iphone3GS(320480px/35 inch)为例 , 为ios1倍图

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

iPhone 8 (7501334px/47inch) 326 1632      为2倍图

iPhone xr (8281792px/61inch) 319 1632     为2倍图

iPhone xs (11252346/58inch) 462 1633      为3倍图

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

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

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

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

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

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

总结:

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

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

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

41dp=1sp

您好,

分辨率与ppi并不是呈正相关关系的,ppi与分辨率的关系介绍如下:

ppi这个概率是在2010年Jobs推出新款iPhone时候提出的,其指出人类肉眼能够分辨的最高像素点密度是300每英寸像素,例如显示“地图”这两个字时候所使用的像素(如图)

其具体运算公式如下

我们以屏幕尺寸为4存的iPhone SE为例,其分辨率为1136x640,计算后的像素密度为326PPI。而分辨率为1920x1080的家用215寸显示器,像素密度为103PPI。

另外,由于屏幕的尺寸有时并不代表其实际的大小(例如苹果公司生产的215寸iMac计算机实际对角线长度为21465寸),因此单凭尺寸算得的每英寸像素值会有一定的误差。

综上所述,

屏幕分辨率越高并不说明ppi越高,反之亦然,其于屏幕尺寸有关,如果要描述其关系,我们可以说在屏幕尺寸相同的情况下,分辨率越高则ppi越高。

在计算像素之前,先了解一下,什么是像素。

数码的储存方式一般以像素(Pixel)为单位,每个像素是数码里面积最小的单位。所以说,像素是构成数码影像的基本单元。通常以PPI(pixels per inch)为单位来表示数码分辨率的大小。

现在来说说怎么计算像素。

假如一台相机能拍摄的最大大小为1920×1200像素,那么我们就说该相机的像素为1920x1200=2304000像素,也就是230万像素。

ppi即英文pixelsperinch的缩写,每英寸所拥有的像素数目的计算表达。

公式表达为ppi=√(x2+y2)/z(x:长度像素数;y:宽度像素数;z:屏幕大小)

如拿最流行的iphone4来说,按照如上公式得到的ppi=330

上式是x的平方加y的平方,然后开根号,再除以z。注意一下

希望能够帮到你1

欢迎分享,转载请注明来源:品搜搜测评网

原文地址:https://pinsoso.cn/shuma/822043.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-09
下一篇2023-08-09

随机推荐

  • 伊思蜗牛面膜多少钱一盒有几片?

    每一款护肤产品都有特自己独特的功效,不用品牌的同款护肤产品效果也是不一样的,比如说伊思蜗牛面膜,一般的面膜都是具有很好的保湿补水效果,这款面膜不仅保湿补水,而且还能去除痘印和暗疮,还有延缓衰老的作用,那伊思蜗牛面膜多少钱一盒有几片?韩国伊思

    2024-04-15
    48100
  • 妮维雅ab面霜补骨脂酚含量

    48%。妮维雅补骨脂酚紧致逆时B5修复面霜,商品规格:50ml,昵称:妮维雅AB霜,温和抗老、嘭弹、紧致、抚纹、快紧致、强维稳、植物A醇补骨脂酚:淡纹紧致,高效抗老。4小时补骨脂酚含量48%,天然提取不刺激,高渗透B5:维稳修护、修护肌肤受

    2024-04-15
    48300
  • 美白身体乳有哪些牌子是特别好用的?

    精致的女孩子都喜欢使用美白身体乳,它能让我们的皮肤变得更加白皙匀称。不过很多人在挑选身体乳的时候经常会犯纠结症,不知道哪一款美白身体乳比较好用。接下来小编就为大家推荐几款好用的美白身体乳,让大家拥有白皙的皮肤。一、妮维雅美白润肤乳液    

    2024-04-15
    45500
  • jovisse富勒烯白金套盒和黑松露黑金套盒哪个好

    黑松露和富勒烯功效不同,都很好的成分哦。富勒烯美容功能:1、抗皱,且能防止皱纹的产生,并在皱纹产生后,可得到有效改善。并能降低皮肤中胶原蛋白分解酶的活性,从而避免肌肤中胶原蛋白的分解流失。2、清除活性氧,富勒烯对皮肤中的活性氧具有清除效果,

    2024-04-15
    37100
  • 苏秘护肤品使用顺序

    苏秘护肤品使用前先使用洁面乳把脸洁净,然后使用爽肤水去除皮肤残余污垢,进行补水工作之后,为了保证肌肤中的水分不再流失,可以根据自己的肤质来选择乳液或者是面霜。苏秘护肤品使用前先使用洁面乳把脸洁净,然后使用爽肤水去除皮肤残余污垢,进行补水工作

    2024-04-15
    28000
  • 在那能买到正品的妮维雅止汗珠

    您好,止汗珠属于爽身香体的一种,让爽身香体专家——舒耐来为您解答吧!一般的爽身香体产品在全国的屈臣氏、万宁及家乐福等大型卖场都有售卖,如果你所在的地区没有这些门店的话,建议你可以上品牌天猫旗舰店、京东或者1号店购买,期待您对舒耐的关注!很抱

    2024-04-15
    34400
  • 皮肤干用什么牌子的护肤品好?

    皮肤干用的护肤品:Freeplus芙丽芳丝保湿修复柔润化妆水、赫莲娜至美溯颜精萃露、AHCB5玻尿酸精华液、黛珂保湿精华小紫瓶补水肌底液。1、Freeplus芙丽芳丝保湿修复柔润化妆水这款保湿水,是深度敏感肌的安全岛,功效单一,但可以满足补

    2024-04-15
    27600

发表评论

登录后才能评论
保存