对背景图像使用CSS媒体查询很棒，但是常规嵌入图像呢？
www.retinajs.com 和 www.retina-images.complexcompulsions.com 都很棒，但我对它们都有一个问题。 它们为所有视网膜设备提供视网膜图形，无论大小如何。 例如，iPhone不需要提供视网膜图形，因为它无论如何都会缩小图像。 在（也许）连接速度较慢的iPhone上提供双分辨率图像是浪费。
有人对此有解决方案吗？
Matt Wilcox构建了 http://adaptive-images.com/来解决这个问题。不过，它需要一些服务器端代码。
此外，W3C 正在研究 <img srcset="big.png 1100w, medium.png 500w, small.png 200w"> ，但我不确定它是否已包含在标准中（存在很多分歧），或者 webkit 是否曾经开始实施它。
正如
@OllyHodgson所建议的那样，自适应图像是一个非常好的解决方案，Johannheyne提供的扩展脚本涵盖了您的确切问题，可以控制应该提供什么以及如何作为视网膜图像。希望这有帮助！