【问题标题】:Why do bitmap images look blurred on Retina display?为什么位图图像在 Retina 显示屏上看起来很模糊?
【发布时间】:2013-03-11 04:27:15
【问题描述】:

我没有视网膜设备,但我一直在网上看到这个讨论。我已经阅读了有关为配备 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 像素),“彩色块”的物理尺寸仍然相同。那么,保真度的损失在哪里呢?位图像素仍以相同的物理尺寸表示。

这就是我现在的看法。显然,我在做出某种假设,这让我无法理解这个概念。谁能澄清一下?

【问题讨论】:

  • 1:4 应该是清晰无损的重采样,它们必须进行高斯模糊或其他反锯齿来分解方块
  • 我也有同样的问题!我无法理解它。有人可以解释一下吗?
  • 我认为他放错了图片

标签: retina-display


【解决方案1】:

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

因为一个位图像素不能被进一步划分,所以它乘以 四个在 Retina 显示器上保持相同的物理尺寸 图片,沿途丢失细节

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

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


那么问题来了,苹果为什么要这么做?

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-22
    • 2015-10-30
    • 2016-07-15
    • 2012-10-28
    • 2015-04-25
    相关资源
    最近更新 更多