non-retina.jpg： http://images.apple.com/home/images/ipad_hero.jpg [1] retina_2x.jpg： http://images.apple.com/home/images/ipad_hero_2x.jpg [2]
虽然两张图片都已在html中设置为width="1381" height="575"。
是否可以使用_2x重命名放大的图像以便浏览器获取适当的图像，类似于应用中图像的@2x？
[1]：非Retina图像，大小：1454 x 605 [2]：视网膜图像大小：2908 x 1210
答案 0 :(得分：1)
不，仅仅创建一个_2x图像是不够的。 Apple使用自定义脚本来完成这项工作。它在这里描述：
http://cloudfour.com/how-apple-com-will-serve-retina-images-to-new-ipads/
这不是一个理想的解决方案，因为它会先浪费带宽下载常规尺寸的图像，并向服务器发出额外请求。
如何提供高dpi图像是一个悬而未决的问题。在W3C上有一些非官方的讨论：
http://www.w3.org/community/respimg/
将width和height维度添加到<img>，这是图像实际像素大小的一半，这是提供高DPI图像的好方法，尽管它会浪费一些常规带宽-DPI屏幕。
