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

时间:2014-03-14 09:12:59

标签: javascript html

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

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

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

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

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

提前感谢您的回答。

2 个答案:

答案 0 :(得分:4)

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

在大多数情况下,最佳解决方案是提供大致与浏览器所需大小相同的图像。浏览器中的“调整”大小很好。提供稍大的图像可以实现更高质量的缩放,但你应该明智地使用它(实际上需要的图像在缩放时是否显示更多细节?)

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

Facebook takes this approach。截至2009年,他们正在生成并存储每个图像的四个不同版本。

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

答案 1 :(得分:2)

我所知道的最佳方法 - 使用现有的响应式图像解决方案。

即:

你可以选择一个更适合你的。这取决于项目。

如果您只有移动网站 - 为其提供较小的图片,并为您的用户节省时间和流量。如果你不能 - 只需用css进行缩放。