html - 在响应式中调整图像大小

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/

希望有帮助。