为什么位图图像在 Retina 显示屏上看起来很模糊？

Question

我没有视网膜设备，但我在网上看到了这个讨论。我读过有关为具有 Retina 显示屏的设备提供 2 倍图像尺寸的解决方案，以确保位图不会变得模糊。

但是，我不明白这是如何工作的。首先，正如我所读到的，我假设视网膜显示器的像素密度是四倍（二的平方）。因此，这意味着，普通显示器的每个像素在视网膜中被四个像素取代，而它们总体上占据相同的物理空间。

现在，我将参考 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

他们说，由于视网膜的像素密度是原来的四倍，因此它将位图的像素每个乘以四个像素，这使得图像丢失细节。

然而，在这两种情况下（4 像素或 1 像素），“彩色块”的物理尺寸仍然相同。那么，保真度的损失在哪里呢？位图像素仍然由相同的物理尺寸表示。

我现在就是这么看的。显然，我所做的某种假设不允许我理解这个概念。谁能澄清一下吗？

Answer 1

在解释如何在视网膜显示器上放大标准光栅图像时，文章指出：

\n\n

\n

由于位图像素无法进一步划分，因此在 Retina 显示器上，它会被乘以四，以保持图像的相同物理尺寸，但会丢失细节。

\n

\n\n

这是有误导性的，你最初的理解是正确的。视网膜显示屏的像素密度是标准显示屏的四倍，因此标准显示屏上的单个像素对应于视网膜显示屏上的四个像素 (2x2)，物理尺寸相同。细节上没有损失，事实上，他们在该声明下方包含的图像证明了这一点：

\n\n

\n\n

现在，令人困惑的是，如果您在标准显示器和视网膜显示器上并排查看相同的光栅图像，它们看起来并不相同：图像在视网膜显示器上确实看起来更模糊。但与文章所述相反，这并不是因为图像“丢失了细节”，而是因为苹果在放大图像时对其应用了某种平滑算法。

\n\n\n\n

那么问题来了，苹果为什么要这么做呢？

\n\n

我不知道为什么这是必要的技术原因；如果有的话，平滑图像必须至少增加最小量的开销。

\n\n

然而，这样做有一个很好的营销理由：它使标准图形和视网膜图形之间的差异更加明显和明显。

\n\n

这听起来像是一个噱头，但实际上很重要。苹果非常擅长使用“胡萝卜加大棒”的方法来让消费者和开发者采用新功能，这就是一个很好的例子。“胡萝卜”是更高质量的视网膜显示屏 - 谁不想要更清晰的图像？- 虽然“坚持”是如果你作为开发人员不更新你的应用程序，它看起来会很糟糕（特别是与其他已经更新的应用程序一起）。

\n\n

因此，这种方法为开发者更新他们的应用程序创造了动力，这反过来又使视网膜显示成为消费者更大的卖点，这反过来又产生了开发者更新他们的应用程序的进一步需求。这是一个良性循环，因此，我已经很多年没有遇到过任何非视网膜 Mac 应用程序了。

\n