这一次要帮你彻底搞明白px、ppi、dot、dpi、sp、dp、pt
这一次要帮你彻底搞明白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(没有比像素更精细的单位了)。
像素主要用来表示图像大小和显示器分辨率(如1920*1080px)。像素本身的物理尺寸不固定,所以它的物理尺寸没有意义,有意义的是它的数量。
为什么像素的物理尺寸不固定?
像素本身不是物理世界的单位,是一个相对单位,尺寸可大可小。在高密度的屏幕上像素会变小,显示效果更清晰。因为“像素量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的手机,设计更大像素的图像也是这个道理。
日常所说的分辨率有两个概念,一个指显示器的分辨率,另一个指图像的分辨率。显示器分辨率指显示器所能显示的像素多少(1920px*1080px),显示器可显示的像素越多,画面就越精细,因为屏幕尺寸一定,分辨率越大,像素密度越大。显示器分辨率都用(1920px*1080px)这种形式表示,清晰度还需要结合屏幕尺寸计算。图像分辨率则是单位英寸中所包含的像素点数,比如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英寸=0.35mm,单位是英寸,是物理长度单位,大小固定,绝对单位。源于活字排版时代,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英寸=0.16mm(固定值)。普屏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 = 0.75 : 1 : 1.5 : 2 : 3。android中清屏1dp=1px,高清屏1dp=1.5px,超清屏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计算出像素量大小。
2.photoshop里,高ppi和低ppi画布的显示差别?
Photoshop里的显示大小只和图像的像素量和显示器分辨率有关。显示器是确定的,所以像素量越大,显示尺寸越大。
3.photoshop里, 相同像素的图像,高ppi图像拖入到低ppi图像里,高ppi的图像变小, 为什么?
因为拖入后,高ppi的文档分辨变小,photoshop把图像的像素按照ppi变小的比例变小。这样里体现了不同ppi的图像在photoshop里的转换关系。
4.photoshop里,相同像素的图像,低ppi图像拖入高ppi图像里,低ppi的图像无变化,为什么?
因为拖入后,低ppi的文档分辨变大,photoshop把图像的像素按照ppi变大的比例变大,这样就超过了画布尺寸,photoshop按照置入图片的原理显示,即按最大边匹配。
5.使用软件的方式,增加图像的像素px,或者提高图像的像素密度ppi,对图像有什么影响?
软件增加图片像素,图片会变模糊,因为增加的不是有效像素,所谓高清图是指包含有效像素多的图片。显示清晰度由显示器本身决定,图片的ppi没有意义。
6.100*100px的图片,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=118.11像素/厘米,就可以间接设置所需的像素量,这就能保证300dpi清晰度和打印尺寸。(设置300dpi时ps会自动转化为118.11像素/厘米)
安卓屏幕尺寸大小如何设置
安卓屏幕尺寸大小暂时不能自己设置,只能使用出厂时的屏幕尺寸。
手机屏幕尺寸分为物理尺寸和显示分辨率两个概念。物理尺寸是指屏幕的实际大小。大的屏幕同时必须要配备高分辨率,也就是在这个尺寸下可以显 示多少个像素,显示的像素越多,可以表现的余地自然越大。两台手机的屏幕大小差不多大,却一个只能显示两行汉字,另一个则可以显示五行汉字,抛开字体大小差别,关键就是屏幕的分辨 率,后者分辨率大一些,自然在同样字体大小下可以显示更多行的汉字。彩屏手机的确好,没有 足够大分辨率的屏幕表现,再高的颜色质量又有何用。彩屏手机屏幕一般在128×128左右。 屏幕分辨率即把LCD格数(单位是点[dot] )除以屏幕面积得到的就是屏幕分辨率,这个指标是 决定画面好坏的最大因素。因此在选购彩色屏幕手机时不仅要注重屏幕能显示的色深,屏幕分辨 率也是一个非常重要的决定指标。屏幕点阵为128*128(或(128+-x)*(128+-x),x在1到32之间),宽度和高度的比例为1:1 (或4:3、3:4),是手机屏幕最通用、最适合的显示分辨率标准,相当于电脑屏幕上的800*600的 显示分辨率。
iOS、Android 开发单位换算及 UI 切图要求
在移动端 UI 设计中,经常会用到的单位有 4 种:px、pt、dp 和 sp,很多人分辨不清这几种单位及其换算关系,以及 iOS 和 Android 的切图要求,我在这里做下简单的介绍,希望大家读完后能有所收获(如有错误,欢迎纠正)。
px 即 pixel,像素点,电子屏幕上组成图像的最基本单位,在描述屏幕分辨率时也会使用该单位。1px 表示一个像素,例如 iPhone 8 的尺寸为 750px × 1334px,表示在该手机屏幕上,水平方向每行有 750 个像素点,垂直方向每列有 1334 个像素点。
pt 即 point,有两个含义:一是印刷行业常用单位,是一个标准长度单位,绝对大小,1pt = 1/72 英寸 = 0.35mm;二是 iOS 开发用的基本单位,当设计师以 1 倍尺寸进行设计 (375pt × 667pt) 并给出标注稿时,开发人员无需除以 2 便可直接使用。
dp 是安卓开发用的基准单位,在 dpi (屏幕像素密度,即每英寸包含的像素点) 为 160 的屏幕为上,1dp = 1px。为了简单起见,Android 把屏幕密度分为了 5 种:mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi,下文会详细介绍其换算关系。
在安卓系统里,sp 与 dp 类似,不同的是 sp 可以根据用户的字体大小首选项进行缩放,而 dp 则不会。 尽量使用 dp 作为空间大小单位,sp 作为文字相关大小单位,例如:新闻类和短信类等大篇幅文本,推荐使用 sp 为单位。
在 iOS 开发中,不同机型的 iPhone 设备需要用到不同倍率的切图,下表格为各 iPhone 机型显示屏参数对比:
这里再简单了解下两个概念,ppi 和 dpi。
ppi (iOS):即 pixel per inch,屏幕像素密度,表示每英寸所包含的像素点,该值越高,屏幕越细腻。
dpi (iOS) :开发像素密度,表示每英寸所包含的开发像素点。
在 iOS 开发中,规定以 ppi = 163,dpi = 163 作为开发基准,
当 ppi = 163,dpi = 163 时,则 1pt = 1px;
当 ppi = 326,dpi = 163 时,则 1pt = 2px;
当 ppi = 401,dpi = 154 时,则 1pt = 2.6px ≈ 3px。
(为什么 iPhone 8+/7+/6+ 的开发基准是154?可能要问问苹果了...)
依此类推,得出换算公式一:
若有小数,四舍五入即可。
在 iOS 开发中,目前只需要 @2x 和 @3x 两种切图,所以导出 2 倍和 3 倍的 png 图片即可。导出前注意检查切图是否存在半像素、毛边等情况,保证对齐像素,这样才能有效避免上线后页面上的 icon 出现虚边的问题,提高细节质量。
另外补充一点:从整体开发尺寸看,iPhone 8 是 375 × 667 pt (@2x),而 iPhone X 是 375 × 812 pt (@3x),同样的宽度,一个用 @2x 图,一个用 @3x 图,iPhone X 表现出了更高的清晰度,如图 2-1 所示。
在 Android 开发中,因为机型参差不齐,需要用屏幕密度来区分设计。
注意,这里的 dpi (Android) 和上文的 dpi (iOS) 是不同的概念,dpi (iOS) 是开发像素密度,而 dpi (Android) 即 dot per inch,表示屏幕像素密度 ,类似 iOS 开发里的 ppi。
Android 中,规定以 dpi = 160 为开发基准,
当 dpi = 160,基准dpi = 160,1dp = 1px;
当 dpi = 240,基准dpi = 160,1dp = 1.5px;
当 dpi = 320,基准dpi = 160,1dp = 2px。
依此类推,得出换算公式二:
在设计图标时,对于 5 种主流的屏幕像素密度 (mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi) 应按照 2:3:4:6:8 的比例进行缩放,如图 3-1 所示。
例如,一个启动图标的尺寸为 48 × 48 dp,这表示在 mdpi 的屏幕上其实际尺寸应为 48 × 48 px;在 hdpi 的屏幕上其实际大小是 mdpi 的 1.5 倍 (72 × 72 px);在 xhdpi 的屏幕上其实际大小是 mdpi 的 2 倍 (96 × 96 px),依此类推。
在某些况行下,还需要提供一种特殊的切图: 点九图 (上图所示)。点九图是 Android 开发中用到的一种特殊格式的图片,文件名以 “.9.png” 结尾。
这种图片能告诉程序,图像哪一部分可以被拉升,哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应,比如对话框背景图片就会用到点九图。
--
以上是全部内容,感谢你的阅读!
End
px、ppi、dot、dpi、sp、dp、pt,让我们搞清楚这7的小伙伴都是谁_百度知...
像素 ,为影像显示的基本单位,译自英文” pixel ”, pix 是英语单词picture的常用简写,加上英语单词“元素” el ement,就得到 pixel ,故“像素”表示“画像元素”之意,有时亦被称为 pel ( p icture el ement)。每个这样的讯息元素不是一个点或者一个方块,而是一个抽象的取样。照片是一个个取样点的集合,在影像没有经过不正确的/有损的压缩或相机镜头合适的前提下,单位面积内的像素越多代表解析度越高,所显示的影像就会接近于真实物体。
像素是一个抽象单位,一个像素通常被视为影像的最小的完整取样。由于抽象,所以像素的大小并无意义,有意义的是像素的数量。
一幅影像中的像素个数有时被称为影像分辨率,显然分辨率有一个更为特定的定义--屏幕分辨率。像素可以用一个数表示,譬如一个"3百万像素"数字相机,它有额定三百万像素,或者用一对数字表示,例如"640乘480",它有横向640像素和纵向480像素,因此其总数为640 × 480 = 307,200像素(30.72万像素)。
百万像素(Mega Pixels,缩写为MP)是指有“一百万个像素”,通常用于表达数字相机的分辨率。例如,一个相机可以使用2048×1536像素的分辨率,通常被称为有"3.1百万像素/310万像素"(2048×1536=3,145,728,通常只计算前两个位作有效数字)。
十亿像素影像是一种超高解系度的影像,相较于一般1000万像素的数字相机,差距高达100倍以上。十亿像素影像通常只用在特定用途,例如人造卫星上。
每英寸像素 (英语: P ixels P er I nch,缩写:PPI,又被称为 像素密度 ,是一个表示打印图像或显示器单位面积上像素数量的指数。一般用来计量电脑显示器,电视机和手持电子设备屏幕的精细程度。通常情况下,每英寸像素值越高,屏幕能显示的图像也越精细。
电脑与手机屏幕的每英寸像素值取决于尺寸和分辨率,通常指的就是每英寸上的像素点数。
例如一台4:3的15寸显示器,分辨率为1024×768(XGA),其横向和纵向的像素密度均为85每英寸像素。同样的一台显示器,如果分辨率设置的不同,像素点数也不同。分辨率越高,每英寸像素值也越高。
一台显示器的的像素密度是由显示单元之间的点距决定的。一台显像管或LCD液晶显示器的像素密度大约是67至130每英寸像素,而现在笔记本电脑的屏幕能达到200每英寸像素,个别产品甚至高达300每英寸像素。
要计算显示器的每英寸像素值,首先要确定屏幕的尺寸和分辨率。
其中,
以屏幕尺寸为4吋的iPhone 5为例,分辨率为1136x640,像素密度为326PPI。而分辨率为1920x1080的家用21.5寸显示器,像素密度为103PPI。
另外,由于屏幕的尺寸有时并不代表其实际的大小(例如苹果公司生产的21.5寸iMac电脑实际对角线长度为21.465寸),因此单凭尺寸算得的每英寸像素值会有一定的误差。
基于每英寸像素值的屏幕分级
根据屏幕每英寸像素值的不同,Android系统的开发者将平板电脑和手机的屏幕分成五类:
名称 显示等级 每英寸像素值
LDPI 低等像素密度 每英寸大约120像素 (36 x 36 px)
MDPI 中等像素密度 每英寸大约160像素 (48 x 48 px)
HDPI 高等像素密度 每英寸大约240像素 (72 x 72 px)
XHDPI 极高像素密度 每英寸大约320像素 (96 x 96 px)
XXHDPI 超高像素密度 每英寸大约480像素 (144 x 144 px)
其中XHDPI往往指的是具有类似于苹果Retina显示屏显示效果的屏幕。
各种屏幕尺寸查阅: Screensizes
印刷品的最小单位,表示一个印刷颜色点,类似px,只有相对大小,用在印刷行业。
1英寸上打印的墨点数量,密度单位,只用在印刷行业,值越大,印刷越精细。
sp是安卓开发用的字体大小单位。
dp是安卓开发用的长度单位。
规定:1dp等于屏幕像素密度为160ppi时1px的长度,因此dp在整个系统大小是固定的。公式:1dp=(屏幕ppi/ 160)px。
1dp等于屏幕像素密度为160ppi时1px的长度,即,在mdpi时,1dp = 1px。 以mdpi为标准,这些屏幕的密度值比为: ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3。
pt用在不同的场景下是两个单位。
大小为1/72英寸=0.35mm,单位是英寸,是物理长度单位,大小固定,绝对单位。是photoshop里的字体单位。
公式:1pt= (PPI / 72) px。
当photoshop中新建画布的分辨率为72ppi,由公式得知1pt=1px。当分辨率为144ppi时,1pt=2px。
iOS系统开发单位,是独立像素的意思,长度固定,不随屏幕像素密度ppi变化而变化。
苹果公司规定:普屏时1px=1px,而普屏的ppi=163像素/英寸,那么pt=1/163英寸=0.16mm(固定值)。普屏1px=1px,高清屏1pt=2px。
安卓手机如何打开.dot文件?
安卓手机在应用商店安装个office,就能打开.dot文件。office支持.doc.docx.dot.dotx.wps.wpt等文件格式的打开,包括加密文档。
DOT文件是Microsoft Office Word 文档的模板文件,可用Word文档程序打开,但无任何文字内容,只是新建文档时的用户设置使用环境及格式。电脑上安装了Office软件或者Word程序,直接双击就可以打开dot文件。安卓手机想要打开.dot文件可以下载安装个office或者wps,点击文件就能打开了。
Word其他文件格式
1、.doc 是电脑文件常见扩展名的一种。该格式原是纯文字文件使用的,多见于不同的操作系统中,软硬件的使用说明。至1990年代,微软在文字处理软件Word中,使用了.doc作为扩展名,并成为流行的格式,而前者的纯文字式已几近绝迹。
2、docx是微软Word的文件扩展名,Microsoft Office2007之后版本使用,其基于Office Open XML标准的压缩文件格式取代了其以前专有的默认文件格式,在传统的文件名扩展名后面添加了字母x(即.docx取代.doc、.xlsx取代.xls、.pptx取代.ppt)。