有关retina和HiDPI那点事 retina屏幕清洁


有关retina和HiDPI那点事 retina屏幕清洁

文章插图
本篇文章给大家谈谈retina屏幕,以及retina屏幕清洁对应的知识点,希望对各位有所帮助,不要忘了收藏本站!
内容导航:
  • 有关retina和HiDPI那点事
  • Retina屏幕有什么优缺点?
  • 什么是Retina显示屏?Retina显示屏是什么意思?
  • RetinaHD屏幕会烧屏吗
  • 4K显示器和retina屏幕有什么区别
  • 什么是Retina视网膜屏?
Q1:有关retina和HiDPI那点事苹果公司在2010年的WWDC上发布了iPhone4,第一次向世人展示了retina屏幕,并在后续的几年内分别发布了new iPad、rMBP、5K iMac及2015年新款macbook等一系列r屏产品 。当年乔帮主将这种高密度像素的屏幕命名为renita,主要是指在正常阅读距离下,人眼无法分辨屏幕上的像素颗粒,使得屏幕显示效果更为细腻平滑,如下图所示 。
这里就涉及一个度量,也就是衡量屏幕“细腻平滑”的指标,叫做PPI(Pixels Per Inch),翻译过来就是每英寸长度里排列了多少个像素 。两块面积相同而PPI不同的屏幕,自然是PPI大的那块总像素数量多,其展示细节的潜力和能力也越大,如下图所示,只用4x4个像素来表达一条曲线,自然不如8x8个像素更加细腻平滑:
iPhone系列产品的PPI一直保持320以上,虽然iPad和Mac的r屏产品线是220左右,但相比PPI只有100左右的非r屏来说,也已是极佳的视觉体验了 。
对于绝大多数人来说,有关屏幕更多听到的度量数据并不是PPI,而是“分辨率”,即具体的像素个数,比如960x640、1920x1080等 。受windows操作系统的影响,多数人心中会产生这样的逻辑:分辨率越高,字会显得越小 。可是,苹果的r屏产品并没有让显示的文字变得很小,这又是怎么回事呢?
首先,解释一下“分辨率越高,字越小”的逻辑是怎么来的 。显示器的屏幕面积可分为两个部分:像素的面积,像素间距构成面积 。据说,显示器厂商为了更大开口率和更多的背光通量,都会让像素的间距尽可能减小以实现节能 。这就意味着,整个屏幕的面积主要由像素面积构成,即在相同面积下,分辨率越高,像素数量越多,单个像素的面积也一定越小 。于是高分辨率就对应着小像素,而像素小,则由像素构成的文字就小 。
那么接下来的问题就是,既然苹果的r屏所包含的像素数量约为同面积普通非r屏的4倍,每个像素尺寸是普通非r屏像素的1/4,那为什么显示出来的文字不是普通非r屏的1/4呢?
这里就涉及一个更加重要的因素,也是大家都不会留心的地方:操作系统HiDPI的渲染方式 。渲染方式决定了一个文字或图标最终以多少个像素来表达 。r屏的设备并没有让字体变小,其主要原因就在于,虽然r屏的像素尺寸是普通非r屏像素的1/4,但在表达文字时使用了4倍于非r屏的像素个数 。于是最终渲染出来的文字和图标的大小与非r屏的相当,而这种渲染方式带来的一个最有利的结果,就是内容表达得更加细腻 。
换句话说,r屏设备之所以视觉效果好,高PPI提供了硬件基础,HiDPI渲染方式提供了软件支持 。
这种HiDPI的渲染效果在改善视觉方面到底有多大的提升?下面的“实战”图可以很好地解释这一点:
图3分别为rMBP和MBP的屏幕上的菜单栏截图 。需要指出的是,两种渲染下都会在图标和文字的边缘处使用“灰色”像素来调和视觉,若整体可利用的像素数少,则渲染文字时,这种“灰色”像素的影响就会极为明显 。现举图3中“文”的第一笔为例:
由图4可知,在r屏HiDPI的渲染下,这一笔大约占用6x6个像素的区域,最终采用了11个纯黑像素加4个“灰色”像素来得到,而在非r屏的非HiDPI渲染下,这一笔只能在3x3个像素的区域来表达,最终采用1个纯黑像素加2个“灰色”像素来得到 。可以明显地看到,HiDPI渲染下,笔划充实且细节丰富,而非HiDPI下由于可利用的像素数量少,只能依赖更多的“灰色”像素来间接补偿视觉效果 。这就是为什么早在2010年的WWDC上,乔帮主就提醒大家:一旦你用上了r屏,你就再也回不去了 。
有人会说,图3和图4中的显示效果的区别主要体现在PPI的差别上,HiDPI的作用并不明显 。好,为了体现HiDPI渲染的作用,我们回到图2那张像素细节对比图,手动加几条线,让左边那个非r屏强行变成r屏,但是显示的内容依然按照非HiDPI的方式来渲染,也就是下图的样子:
可以看到,虽然左边的屏幕也具备了retina的硬件条件,可是在显示效果上完全没有体现出高PPI的优势,依然是非r屏的视觉效果 。可见系统对内容的渲染方式在改善视觉效果上作用更为关键 。


推荐阅读