在服务器上创建许多图像或在浏览器中调整大小？答案

【问题标题】：Create many images on the server or do resizing in the browser?在服务器上创建许多图像或在浏览器中调整大小？
【发布时间】：2011-10-20 10:16:27
【问题描述】：

目前我正在设计一个新画廊，并且我有很多不同的图像尺寸，用于前端的不同呈现方式。现在我想知道是否应该在服务器上创建每个尺寸，或者只创建几个然后使用浏览器调整大小和HTLM/CSS“croping”。

因此，服务器上有很多图像，磁盘上有很多空间，还有来自客户端的大量请求，以应对更少的请求、更少的空间和使用浏览器调整大小/裁剪。

我倾向于认为第二种解决方案更先进、更现代，但也更复杂？

感谢您的建议！

【问题讨论】：

【解决方案1】：

您可以创建一个处理程序来提供您的图像。当请求以您尚未存储在服务器文件系统中的大小的图像时，您可以调整大小，保存文件并将其发送到客户端。

这样你就只有服务器上需要的文件了。

【讨论】：

【解决方案2】：

正如您自己所说，这确实是一种权衡。不过，性能变得越来越重要，甚至会影响页面排名，这是在服务器上保留各种尺寸的一个很好的理由，即仅在用户需要查看的全部内容时发送缩略图。

如果您想从事编程工作，可以使用 ImageMagick 之类的库从大图像生成小图像。这样，您只需将大图像存储在服务器上。缺点是编程工作量和额外的服务器负载；因为空间很便宜，除非您需要提供许多不同的变体，否则可能不值得。

【讨论】：