-
帮你搞懂 px
- 作者:黄易湖 分类:电脑技术 发布时间:2023-10-11 19:48:00
这是初级设计师经常弄混淆的几个概念,下面我以“基本概念,易混淆的点,从问题入手,总结”四个方面来聊一聊 Px,ppi;dot,dpi; sp,dp;pt 那些事儿。 一、px,ppi;dot,dpi; sp,dp;pt 的基本概念 1. px:像素 1像素实际上是一个颜色点,所以又称像素点。大量不同颜色点组成一张图像,因此图像的基本单位是像素px(没有比像素更精细的单位了)。 像素主要用来表示图像大小和显示器分辨率(如1920*1080px)。像素本身的物理尺寸不固定,所以它的物...
这是初级设计师经常弄混淆的几个概念,下面我以“基本概念,易混淆的点,从问题入手,总结”四个方面来聊一聊 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哦!
猜您喜欢
- 夸克浏览器被限制访问?这几种方法帮..2024-04-07
- Windows不显示缩略图?这个方法帮你轻..2024-04-05
- StickyNotes突然打不开了?这5个方法帮你..2024-04-04
- HP打印机打印慢?这几个技巧帮你解决..2024-03-29
- Windows忘记pin码?别担心,这个方法帮..2024-03-29
- 插U盘频繁弹出提示格式化?这个方法..2024-03-27
相关推荐
- 怎么用u盘重装xp系统..2021-02-15
- QQ浏览器怎么彻底卸载掉..2017-10-01
- qq截图的快捷键+设置QQ截图快捷的方法..2023-01-25
- 拼多多怎么关闭拼小圈?6个步骤彻底..2021-03-23
- 只要学会这个方法,别人想更改你的电..2017-10-12
- 台式电脑连接话筒为什么没有声音 麦..2021-04-29