使用服务器端或仅使用纯 html 调整图像大小

Question

如果我有带有50 kB 和450x450px 的图像，并且我只需要在带有50x50px 的html 中显示图像，我至少有两个选择。

---

• 使用某些服务器库为每个图像创建缩略图，这意味着为每个原始图像保存多个图像。

• 调整原图大小：

  <img src="img.jpg" height="50" width="50">
  

最好的性能是什么？有什么注意事项吗？

Answer 1

在谈到这个主题时，您必须考虑很多，并且没有明确的答案。这完全取决于使用频率和图像更改的次数。

正如您想象的那样，将 8 MB 的图像传输给客户端是一个可怕的想法。大容量的较小图像具有相同的效果。如果您不在服务器端调整它们的大小，为产品页面放置 100 张图片将产生更多数据。

对我来说，调整服务器端的大小似乎是最好的。 也许您可以不根据每个请求执行此操作，而是在将图像上传/放置在目录中时执行一次。这将产生最佳性能。