为什么Retina显示屏上的位图图像看起来模糊?

时间:2013-03-11 04:27:16

标签: retina-display

我没有Retina设备,但我一直在网上看到这个讨论。我已经阅读了有关使用Retina显示屏的设备提供2倍图像尺寸的解决方案,以确保位图不会模糊。

但是,我不明白这是如何运作的。首先,正如我所读到的,我假设Retina显示器具有四倍的像素密度(两个平方)。因此,这意味着,正常显示的每个像素在Retina中被四个替换,而它们在整体上占据相同的物理空间。

现在,我将参考SmashingMagazine的一篇文章(http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/)。他们在这里使用了一个图像来解释这个概念:http://media.smashingmagazine.com/wp-content/uploads/2012/07/css-device-bitmap-pixels.png

他们说,由于Retina的像素密度是其四倍,因此它将位图的像素乘以每个像素四个像素,这会使图像失去细节。

然而,在两种情况下(4个像素或1个像素),“彩色块”的物理尺寸仍然相同。那么,保真度的损失在哪里?位图像素仍由相同的物理尺寸表示。

这就是我现在正在看它的方式。显然,我正在做一些不允许我理解这个概念的假设。任何人都可以澄清吗?

1 个答案:

答案 0 :(得分:0)

在说明如何在视网膜显示器上按比例放大标准光栅图像时,文章指出:

  

由于无法进一步分割位图像素,因此将其乘以   视网膜显示屏上的四个保持相同的物理尺寸   图片,一路丢失细节

这是一种误导,您的最初理解是正确的。视网膜显示器的像素密度是标准显示器的四倍,因此标准显示器上的单个像素对应于视网膜显示器上的四个像素(2x2),这是相同的物理尺寸。没有任何细节上的损失,事实上,它们包括在该语句下面的图像证明了这一点:

Device Pixels]

现在,让您感到困惑的是,如果您在标准显示器和视网膜显示器上并排查看相同的光栅图像,它们看起来并不相同:图像的确确实是 blurrier < / em>在视网膜显示屏上。但这与文章所说的相反,这不是因为图像“丢失了细节”,而是因为苹果在图像放大后对图像应用了某种平滑算法。


问题是,为什么苹果要这么做?

我不知道为什么有必要这样做的技术原因;如果有的话,平滑图像必须至少增加最少的开销。

但是,这样做有一个很好的 marketing 理由:它使标准和视网膜图形之间的差异更加明显和明显。

听起来像个头,但实际上很重要。苹果公司非常擅长使用“胡萝卜和棍子”方法使消费者和开发人员采用新功能,这就是一个很好的例子。 “胡萝卜”是视网膜显示器的更高质量-谁不想要更清晰的图像? -“诀窍”是,如果您作为开发人员不更新您的应用程序,它将看起来很糟糕(尤其是与其他已更新的应用程序一起使用)。

因此,这种方法激励开发人员更新其应用程序,从而使视网膜向消费者展示更大的卖点,进而对开发人员更新应用程序产生进一步的需求。这是一个良性循环,因此,几年,我还没有遇到过一个非视网膜Mac应用程序。