免费服务热线:0570-98856991

新闻中心

这是为什么?图像在屏幕上显示是基于像素分辨
发布时间:2019-05-04 01:10

  我知道这个标题念起来会让你觉得非常拗口,如果你是中文系毕业的,或许还能从中挑出语病来,但我想你明白我要表达什么意思,对不对O(_)O哈哈~

  要讲的东西其实都是很简单的逻辑关系,但可能很多人都跟我一样稀里糊涂的做了多年设计却一直没搞明白其中的关系。当然你不明白其中的关系并不影响你做出好的作品,但作为有理想有担当有着历史责任感(此处省略一万字的排比)的设计师,明白这些基本的知识点,能让你更好的(想了下并没有什么实际好处(┬_┬)...)

  DPI(每英寸/点)普遍运用于图像及印刷上,主要反应图像的精细度。通过反向推算也可以计算图像的尺寸。

  PPI(每英寸/像素点)是一种多用于屏幕分辨率的单位。本质上其实两者的概念应该是一样的,毕竟像素点也是点嘛。之前我一直很傻很天真的认为基于屏幕的图像应该用PPI为精度单位,并且坚信电脑上显示的DPI是一种错误的表示方式。那其实是我的错误想法,不知道你是否有同样的想法?

  讲完DPI和PPI,我们再来讲讲电脑分辨率、屏幕分辨率及印刷分辨率之间的关系

  我们知道电脑分辨率是72DPI,而在上面我们讲了屏幕分辨率用PPI。显然这二者是有区别的,那么问题来了,他们区别在哪?

  最初的PS是运行在苹果电脑上的,而那时候的苹果电脑的分辨率恰好是72PPI(注意:这里用的是PPI)。为了能使图像的点与电脑屏幕上的像素点一一对应从而使图像在显示器上的尺寸和实际的物理尺寸相同,当初的PS把DPI设置成为了72。而这个设置就这样一直沿用了下来。

  上面说到的苹果电脑的分辨率是72PPI就是屏幕分辨率。现在我们手上的屏幕种类繁多,各种尺寸各种分辨率。稍微计算一下

  屏幕分辨率的不同导致一个什么问题?相同一张图片在不同显示器上呈现的大小及精度是不同的。屏幕的分辨率越高,图片显示越小精度越高。这点应该是比较好理解的...

  既然现在的屏幕分辨率已经不适用于72PPI这一种分辨率了,电脑分辨率采用72DPI和屏幕分辨率之间还有什么联系吗?

  答案是基本上没什么逻辑上的联系了。现在屏幕分辨率这么多,你基本上是无法要求有一个统一的DPI可以让印刷稿和你的屏幕保持一致的。当然,你可以把DPI设置成与你显示器PPI一样的数值,以此来保证你屏幕上的图像与印刷的图像保持相同的尺寸。但是即使是MacBook 的Retina屏幕的分辨率也达不到印刷要求的300DPI,所以这样设置的后果就是你的印刷品无法保持清晰度。

  当然,以上这些都是基于印刷的理论。从基于屏幕为出发点的界面设计从印刷的角度来考虑物理尺寸显然是没有什么必要的。

  我们回过头来再来说说电脑分辨率72DPI与印刷分辨率之间的关系,他们又有什么具体的实际关系呢?其实也没什么太多的关系。我们到现在唯一运用到的就是当图像的DPI为72时,图像的点即为图像的像素点。

  这句话怎么理解?当我们用PS的形状工具绘制一个矩形并对其进行描边的时候会发现默认的3点(不是图层样式里的描边)。对,这里的点就是基于DPI而非像素点的,也就是说,当且仅当DPI为72时,这里的点等同于像素点。(记住这点很重要)

  我们通常说的基于网络的图片分辨率设为72DPI就足够清晰了,这句话其实是不正确的。最简单的逻辑关系就是,当你把一张从网上下下来的图片调整它的分辨率但又保持它的像素分辨率的时候,你会发现图像本身是没有任何变化的。这是为什么?图像在屏幕上显示是基于像素分辨率一一对应原则的。也就是图像的一个像素对应显示器的一个像素,而这时候的图像分辨率是完全不起作用的,取而代之的是屏幕分辨率。

  好了,我觉得关于这对虐心的三角恋关系我已近讲的够清楚了......接下来我们讲讲移动设备的一些尺寸关系。

  dp的本质是于像素密度无关的物理单位。好吧,我没能找到官方的解释。但已我自己的经验感觉应该差不离是这么解释的吧......

  既然是一个物理单位,为什么不同尺寸的安卓手机使用的界面都是360DP这个单位呢?这显然不符合逻辑嘛。4.3英寸的720P和5.7英寸的1080P你都用360DP来表示,这整整差了1.4英寸的物理单位,怎么就换了个单位就给统一起来了呢?!

  但事实是作为开源软件,大家并不会按照你的要求来制造自己的设备。于是各种奇葩分辨率的设备应运而生......

  几乎没有一款设备是在Google设置的那个档上的。那么唯一能做的就是归类了,用小于等于的方式来归类,既把小于或等于以上某类DPI的屏幕归档于其中。

  所以,其实我们在设计上在使用的DP不过是被归档后的一种近似取值罢了。这已经和定义上的物理尺寸产生了一定的差异。