响应中的图像大小调整

Question

响应式网页设计会将图片大小调整到移动设备的屏幕。将完整图像下载到移动设备上并调整大小以适合屏幕。这会消耗不必要的CPU和RAM。还有其他办法吗？

Answer 1

我认为你所寻找的是“自适应图像”。基本上基于设备/视口提供较小的图像。

最近有很多关于这方面的讨论，但我想这里有一个你可以开始的地方：

http://adaptive-images.com/

这将使用服务器端方法。在这种情况下是PHP。

这些文章很好地了解了当前的情况：

• http://filamentgroup.com/lab/rwd_img_compression/
• http://blog.netvlies.nl/design-interactie/retina-revolution/

希望有所帮助。