我应该为移动网站调整图片大小

Question

我有一个非常简单的问题,我想问那些知识比我更好的人.

问题的基础是.在开发移动网站时.我是否应该动态调整从外部源获取的图像的尺寸.或者我应该将它们留作大图像并用css处理它？

我正在构建的移动网站从网络服务中提取大量图像作为基础64.现在我的思路就是这样.我想保持我的网站的大小尽可能小,因此将图像调整为更小似乎是一个好主意.

另一方面.使用javascript调整图像大小(主要开发人员希望仅在客户端完成所有操作......),可能会导致用户移动设备的开销.

您对此事有何看法？我应该调整图像大小吗？

提前感谢您的回答.

Answer 1

始终注意移动用户的连接。移动连接的延迟通常要高得多（因此，无论请求大小如何，都应尝试限制请求总数），传输速率较慢，而且超额费用往往会很昂贵。

在大多数情况下，最好的解决方案是提供大致相当于浏览器所需大小的图像。浏览器中的大小“调整”很好。提供稍大的图像将允许更高质量的缩放，但您应该明智地使用它（缩放时图像实际上需要显示更多细节吗？）

还要注意每次请求时调整图像大小的服务器端费用。最好先调整大小一次，然后将结果保存到缓存或数据库中。

Facebook就采取了这种做法。截至 2009 年，他们为每张图像生成并存储了四个不同版本。

如果您必须在移动浏览器中使用全尺寸图像，至少尝试延迟加载它们，以便仅在需要时下载它们（例如，当它们第一次滚动到视图中时）。