响应式图片大小调整

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/

希望有所帮助。