王尘宇

这一次要帮你彻底搞明白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的长度，。

ps里面的像素、尺寸和分辨率的关系

数码图像的像素、分辨率、尺寸三者关系是：像素=分辨率×尺寸像素：即图像元素，是构成数码图像的基本单元。我们若把数码图像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成这些小方点就是构成影像的最小单元——像素。

这种最小的图形单元在屏幕上显示通常是单个的染色点。

越高位的像素，其拥有的色板也就越丰富，也就越能表达颜色的真实感。分辨率：即单位长度内像素的总和。如：72/英寸、28.346/厘米，它的含义就是在1英寸长度内有72个像素点或者是1厘米长度内有28.346个像素点，由此可见，单位长度内的像素越高，也就是说，分辨率越高，图像越细腻。尺寸：即打印或者印刷后的物理尺寸。

在photoshop中，设置场景的时候出现的单位有像素，点，派卡，列，厘米等

“像素”就不解释了“英寸”是西方常用的打印尺寸单位，1英寸inch=2.54厘米cm=25.4毫米mm “厘米”和“毫米”也不解释了“点”跟“像素”大小一样，只不过一个是dpi，一个是ppi，使用的时候没什么区别 “派卡”，等于1/6英寸的尺寸大小，似乎在我们的习惯中没这样的概念 “列”，仅存在于宽度单位中，“列”可精确地确定图像或元素的位置。 在使用“新建”、“图像大小”和“画布大小”等命令时，可以用列来指定图像的宽度。

PS里字体单位点和像素的换算是怎么样的

photoshop字号使用“点”来表示。px就是像素点的意思，也就是Photoshop中的点。

字号是区分文字的大小的一种衡量标准，国际上通用的是点制，在国内则是以号制为主，点制为辅。

号制是采用互不成倍数的几种活字为标准的，根据加倍或减半的换算关系而自成系统，可以分为四号字系统、五号字系统、六号字系统等。 字号的标称数越小，字形越大，如四号字比五号字要大，五号字又要比六号字大等。点制又称为磅制（P），是通过计算字的外形的“点”值为衡量标准。根据印刷行业标准的规定，字号的每一个点值的大小等于0.35mm，误差不得超过0.005mm，如五号字换成点制就是等于10.5点，也就是3.675mm。

外文字全部都以点来计算，每点的大小约等于1/72英寸，即等于0.35146mm。 八号＝5磅(5pt) ==(5/72)*96=6.67 =6px七号＝5.5磅 ==(5.5/72)*96=7.3 =7px小六＝6.5磅 ==(6.5/72)*96=8.67 =8px六号＝7.5磅 ==(7.5/72)*96=10px小五＝9磅 ==(9/72)*96=12px五号＝10.5磅 ==(10.5/72)*96=14px小四＝12磅 ==(12/72)*96=16px四号＝14磅 ==(14/72)*96=18.67 =18px小三＝15磅 ==(15/72)*96=20px三号＝16磅 ==(16/72)*96=21.3 =21px小二＝18磅 ==(18/72)*96=24px二号＝22磅 ==(22/72)*96=29.3 =29px小一＝24磅 ==(24/72)*96=32px一号＝26磅 ==(26/72)*96=34.67 =34px小初＝36磅 ==(36/72)*96=48px初号＝42磅 ==(42/72)*96=56px上面只是表示近似值。