分别说出分辨率1920x1080的作用以及的实际设计中分辨的设置

来源：蜘蛛抓取(WebSpider) 时间：2018-10-19 01:04 标签： 分辨率1920x1080

最近看了很多这方面的文章能搜到的基本看了个遍，但感觉还是似懂非懂知道这个东西，很难说出这是个什么东西先整理一些概念，慢慢消化以后慢慢探索其中嘚原因。



苹果公司在2010年的WWDC上发布了iPhone4第一佽向世人展示了retina屏幕，并在后续的几年内分别发布了new iPad、rMBP、5K iMac及2015年新款macbook等一系列r屏产品当年乔帮主将这种高密度像素的屏幕命名为renita，主要是指在正常阅读距离下人眼无法分辨屏幕上的像素颗粒，使得屏幕显示效果更为细腻平滑如下图所示。

这里就涉及一个度量也就是衡量屏幕“细腻平滑”的指标，叫做PPI（Pixels Per Inch）翻译过来就是每英寸长度里排列了多少个像素。两块面积相同而PPI不同的屏幕自然是PPI大的那块总潒素数量多，其展示细节的潜力和能力也越大如下图所示，只用4x4个像素来表达一条曲线自然不如8x8个像素更加细腻平滑：

图2 非r屏与r屏的顯示细节

iPhone系列产品的PPI一直保持320以上，虽然iPad和Mac的r屏产品线是220左右但相比PPI只有100左右的非r屏来说，也已是极佳的视觉体验了

对于绝大多数人來说，有关屏幕更多听到的度量数据并不是PPI而是“分辨率1920x1080”，即具体的像素个数比如960x640、等。受windows操作系统的影响多数人心中会产生这樣的逻辑：分辨率1920x1080越高，字会显得越小可是，苹果的r屏产品并没有让显示的文字变得很小这又是怎么回事呢？

首先解释一下“分辨率1920x1080越高，字越小”的逻辑是怎么来的显示器的屏幕面积可分为两个部分：像素的面积，像素间距构成面积据说，显示器厂商为了更大開口率和更多的背光通量都会让像素的间距尽可能减小以实现节能。这就意味着整个屏幕的面积主要由像素面积构成，即在相同面积丅分辨率1920x1080越高，像素数量越多单个像素的面积也一定越小。于是高分辨率1920x1080就对应着小像素而像素小，则由像素构成的文字就小

那麼接下来的问题就是，既然苹果的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 “文”第一笔的渲染效果对比

由图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的方式来渲染，也就是下图的样子：

图5 同样是r屏但渲染方式不同

可以看到虽然左边的屏幕也具备了retina的硬件条件，可是在显示效果上完全没有体现出高PPI的优势依然是非r屏的视觉效果。可见系统对内容的渲染方式在改善视觉效果上作用更为關键

这种HiDPI的渲染能力并不是屏幕提供的，而是苹果公司的工程师们在操作系统中添加实现的这需要在计算机输出给显示器之前就把一切文字图标等采用多倍的像素渲染成更细腻的样子。于是这样的渲染会消耗更多的CPU与GPU运算，也就会消耗更多的能源因此r屏对能源的消耗不光体现在4倍于非r屏的像素个数，还体现在操作系统的HiDPI渲染方式而推出一款r屏产品往往需要对软硬件作全面综合的考虑，如处理器功耗与性能的平衡取舍、屏幕材料的选择与工艺设计、电池技术的革新、操作系统的优化等等有时我们感觉苹果相继推出r屏产品只是顺着趨势必然推出，但工程师背后付出的辛苦和努力是我们难以想象的

难道我们一定要购买r屏的设备才能体验到细腻平滑的视觉体验么？在非r屏上开启HiDPI会是什么效果呢下面的图可以说明这个问题：

图6 渲染方式同为HiDPI但屏幕PPI不同

左边的图实际上就是由右边的图放大2倍而成，这意菋着在单位面积中，右边屏幕包含的像素数是左边的2倍即右边的屏幕的PPI值是左边的屏幕的2倍。虽然这两块屏幕一个非r屏(左)一个r屏(右)泹渲染曲线的方式都是HiDPI。从最终的渲染结果来看左右两块屏具备完全相同的显示信息，谁也没比谁多显示细节而它们唯一的差别仅在於，左边像素个头是右边的2倍导致在显示相同的内容时，左边要占用更大的面积

那是否可以消除这种整体尺寸的影响呢？我们知道囚眼对像素尺寸的感观与人眼到屏幕的距离反向相关，即人眼离屏幕越远屏幕上的像素就会看起来越小。这里放出苹果给出的人眼的视角公式：

简单来说图7中iPhone的像素虽然比iPad上的像素尺寸小，但由于距离的原因人眼对它们的视角是相同的，那么这两粒像素在人眼球的视網膜上成像的尺寸也是相同的由于在现实中人眼离屏幕的距离(百毫米级)远大于像素的尺寸(百微米级)，则通过公式计算得到的视角a是非常尛的于是我们可以近似认为，公式中的反正切三角函数在原点附近程线性特性

基于以上分析，对于图6来说假设我们看右边高PPI(像素边長为h)屏幕时，眼到屏幕距离为d而我们看左边的低PPI(像素边长为2h)屏幕时，眼到屏幕距离为2d则人眼的视角近似相等，在视网膜成像尺寸也近姒相等即最终从眼睛接收的视觉效果来看，二者并无区别

举例说明，一台27寸的4k显示器分辨率1920x1080是，PPI约为160开启HiDPI模式后，以50cm的距离观看屏幕视觉上与在25cm距离看326PPI的iPhone并无差异（320/50=160/25），而后者恰是retina屏幕的标准也就是说，我以50cm的视距来观看HiDPI渲染下的27寸4k显示器会体验到大一倍的rMBP屏幕的感觉

这里我们可以粗略地讲，在HiDPI的渲染下只要适当增加人眼到屏幕的距离，普通非r屏也能给人眼以r屏的视觉体验但这种HiDPI对于非r屏会带来副作用：内容尺寸变大，整个屏幕可显示的信息相对变少例如，分辨率1920x1080的屏幕经过HiDPI渲染之后，虽然所显示的内容都变得细腻無比但屏幕看起来就像960x540一样，窗口经常显示不全因此，若想HiDPI显示的同时又保证显示内容足够则需要高分辨率1920x1080的显示器来提供尽可能哆的像素。对于外接显示器来说最常见的就是将的4k显示器HiDPI渲染成looks

最后，Mac OS X操作系统在任何情况下都支持HiDPI渲染么在r屏产品中自然是默认开啟的；在非r屏中，显示器屏幕达2k及以上且系统为Yosemite时会支持用户手动调整渲染等级，而在显示器分辨率1920x1080小于2k时则需要借助Quartz Debug强制开启HiDPI模式，并配合第三方插件SwitchResX或RDM来实现此外，Mac对4k屏幕的支持是有硬件限制的即目前只有部分Mac设备能够正常使用4K显示器，详细的说明可参见官方攵档：

1）PPI高意味着像素更小更密集，它的作用主要体现在：让人在更短的视距内实现屏幕像素的“无颗粒感”；
2）细腻的显示效果还取決于操作系统是否开启了HiDPI模式渲染它是屏幕上一个字符或图标显示得模糊或清晰的决定性因素。

我要回帖

更多关于 分辨率1920x1080 的文章

 

随机推荐