iPhone上的网站Retina Graphics是浪费

时间:2012-08-06 14:03:09

标签: iphone css image retina-display

对背景图像使用CSS媒体查询非常棒,但常规嵌入图像呢?

www.retinajs.comwww.retina-images.complexcompulsions.com很棒,但我对它们都有一个问题。无论大小如何,它们都为所有视网膜设备提供视网膜图形。例如,iPhone不需要提供视网膜图形,因为它无论如何都会缩小图像。要在iPhone上提供双重分辨率图像(可能)并且连接速度慢,这是浪费。

任何人都有解决方案吗?

2 个答案:

答案 0 :(得分:2)

Matt Wilcox建立了http://adaptive-images.com/来解决这个问题。它需要一些服务器端代码。

此外,W3C正在研究<img srcset="big.png 1100w, medium.png 500w, small.png 200w">,但我不确定它是否已被载入标准(存在很多分歧)或者webkit是否能够实施它

答案 1 :(得分:0)

正如@OllyHodgson建议的自适应图像是一个非常好的解决方案,更多由johannheyne 提供的扩展脚本覆盖您的确切问题,控制什么以及如何作为视网膜服务图片。希望这有帮助!