retina-display - 为什么位图图像在 Retina 显示器上看起来很模糊？

Question

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

但是，我不明白这是如何工作的。首先，正如我所读到的，我假设 Retina 显示器的像素密度是其四倍(2 的平方)。因此，这意味着普通显示器的每个像素在 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 个像素)，“色 block ”的物理大小仍然相同。那么，保真度的损失在哪里呢？位图像素仍由相同的物理尺寸表示。

这就是我现在的看法。显然，我正在做出某种不允许我理解这个概念的假设。任何人都可以澄清吗？

Answer 1

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

Because a bitmap pixel can’t be further divided, it gets multiplied by four on Retina displays to preserve the same physical size of the image, losing detail along the way.

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



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

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

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

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

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

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