为视网膜显示计算机和非视网膜计算机提供相同的双倍尺寸图像？

Question

在我的网站上，我有一个1300x200的图像，我使用width=650px标记中的简单img参数强制降低到650x100。当视网膜Mac / iPhone / iPad用户浏览我的网站时会发生什么。他们会看到完整质量的1300x200图像，还是人为地将质量降低一半？

至于这是否有效，它只是一个50k的PNG。我的网站大多以文本/ CSS为主。你可以说这比使用浏览器代理检测Javascript更有效。

Answer 1

好的伙计们，我自己去回答，是的，如果您使用width标记将HTML中的img缩小一半，则视网膜浏览器将显示完整尺寸的图像。< / p>

我在顶部使用width显示半尺寸的1300x200图像，在底部使用普通的650x100图像。放大了在iOS 6上使用Safari。