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

Question

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

至于这是否有效，它只是一个 50k PNG。否则，我的网站主要使用文本/CSS 进行矢量化。您可能会争辩说这比浏览器代理检测 Javascript 更有效。

Answer 1

好的，伙计们，我自己回答了，是的，如果您使用width标签将 HTML 中的 an 缩小一半img，Retina 浏览器将显示完整大小的图像。

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