我有一个非常简单的问题,我想问那些知识比我更好的人。
问题的基础是。在开发移动网站时。我是否应该动态调整从外部源获取的图像的尺寸。或者我应该将它们留作大图像并用css处理它?</ p>
我正在构建的移动网站从网络服务中提取大量图像作为基础64.现在我的思路就是这样。我希望保持网站的大小尽可能小,因此将图像调整为较小似乎是一个好主意。
另一方面。使用javascript调整图像大小,(主要开发人员希望仅在客户端完成所有操作...),可能会导致用户移动设备的开销。
您对此事有何看法?我应该调整图像大小吗?
提前感谢您的回答。
答案 0 :(得分:4)
始终注意移动用户的连接。移动连接上的延迟通常要高得多(因此尝试限制请求的总数,无论大小如何),传输速率较慢,而且超额费用往往很昂贵。
在大多数情况下,最佳解决方案是提供大致与浏览器所需大小相同的图像。浏览器中的“调整”大小很好。提供稍大的图像可以实现更高质量的缩放,但你应该明智地使用它(实际上需要的图像在缩放时是否显示更多细节?)
还要注意每次请求时调整图像大小的服务器端费用。最好一次调整大小,然后将结果保存到缓存或数据库中。
Facebook takes this approach。截至2009年,他们正在生成并存储每个图像的四个不同版本。
如果您必须在移动浏览器中使用全尺寸图像,至少尝试延迟加载它们,以便仅在需要时下载它们(例如,当它们首次滚动到视图中时)。
答案 1 :(得分:2)
我所知道的最佳方法 - 使用现有的响应式图像解决方案。
即:
你可以选择一个更适合你的。这取决于项目。
如果您只有移动网站 - 为其提供较小的图片,并为您的用户节省时间和流量。如果你不能 - 只需用css进行缩放。