Javascript 我应该调整移动站点的图像大小吗

我有一个非常简单的问题，我想问那些比我有更多知识的人

问题的基础是。在开发移动网站时。我是否应该动态调整从外部来源获取的图像的大小，使其变小。或者我应该把它们作为大图像，用css来处理

我正在构建的移动网站从一个webservice中提取了大量的图像作为Base64。现在我的思路是这样的。我想保持我的网站尽可能小的大小，因此调整图片的大小似乎是一个好主意

另一方面。使用javascript调整图像大小（首席开发人员只希望在客户端完成所有工作…），可能会导致用户移动设备的开销

你对这件事有什么看法。我是否应该调整图像的大小

---

提前感谢您的回答。

这是我所知道的最好的方法—在现有响应图像解决方案的基础上使用

即：

• 对于后端端-
• 前端-

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

---

如果你只有一个移动网站-为它提供更小的图片，为你的用户节省时间和流量。如果你不能-只需通过css扩展它。

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

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

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

。截至2009年，他们正在生成和存储每个图像的四个不同版本

---

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

“我正在构建的移动网站从Web服务中提取大量图像作为base 64”–outch。Base64意味着在“真实”二进制数据上已经存在大量开销。（所以至少使用GZIP尽可能减少负面因素。）很遗憾，后端不是我的工作。另一个可能可行的想法是从网站中提取url，而不是base 64。非常好的一点，你在那里添加！“使用javascript调整图像大小”-不确定您的确切意思；通常，您只需通过设置图像的尺寸（通过HTML属性或CSS）来调整图像客户端的大小，而不是在JS中实现实际的图像大小调整算法。无论如何，调整尺寸也会消耗计算能力，而这在一个非顶级移动设备上可能是一种相当稀缺的资源，而且在任何情况下都会反映在电池功耗上。该网站还允许上传图像。使用javascript调整它们的大小是最小化上传大小的一种方法。但对于下载的图像，不需要调整它们的大小，因为正确设置html元素将解决您的大小调整问题。需要考虑的另一点是：许多移动连接提供商通过自己的服务器代理请求，并在那里应用额外的图像压缩，或者用户可能使用外部服务（如新的Opera Max）为了节省流量/带宽，我不确定这些设备如何处理真正的大图像。对这些图像进行苛刻的压缩，再加上在客户端上调整到更小的尺寸，最终可能会导致图像质量下降，而不是一开始就提供大小合适的图像。这是非常正确的！！我们的总部设在南非，移动设备的数据传输速率在这里非常昂贵。我喜欢你引用的那篇文章。很少有地方需要大图像。如果可能，webservice应该返回较小的图像。我非常喜欢你的回答。你扩大了讨论范围，增加了很多我没有想到的内容。延迟加载是一个好主意，特别是因为该站点将有一个照片库部分。谢谢你的回答。