在移动设备中加载较小的图像（小屏幕）

Question

最近我似乎提到了一些文章，建议在使用响应式网页设计时在移动设备中加载较小尺寸的图像。

假设我有一个由客户上传的产品图片（高清图片）。我可以使用什么方法将较小尺寸的图像加载到客户端浏览器中（除了创建较小尺寸图像的副本）。或者大多数开发人员的做法是创建一个较小尺寸的重复图像？

也许我们可以在服务器端执行此操作以在用户加载图像之前缩小图像大小？但这会影响服务器性能吗？

Answer 1

理想情况下，您应该在上传图像时调整图像大小，并将不同版本存储在服务器上。然后，当客户从不同的浏览器请求您的网站时，您将调整并选择要包含的正确图像。您还可以避免在每个请求上调整CPU密集型动态映像。