使用服务器端调整img或仅使用普通html调整img

时间:2015-10-26 12:31:22

标签: html image thumbnails image-resizing

如果我的图片包含50 kB450x450px,我需要仅使用50x50px以html格式显示图片,我至少有两个选项。

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

  • 调整原始图片的大小:

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

最佳表现是什么?有什么考虑吗?

1 个答案:

答案 0 :(得分:3)

在谈到这个问题时你必须考虑很多,而且没有明确的答案。这一切都取决于使用频率和图像变化的次数。

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

我觉得最好调整服务器端。 也许你可以不是基于每个请求,而是在图像上传/放置在目录中时执行。这将产生最佳性能。