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

Question

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

---

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

• 调整原图大小：

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

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

Answer 1

这个问题你要考虑很多，没有一个明确的答案。这完全取决于使用频率和图像更改次数。

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

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