在上传图片的过程中创建拇指是个好主意吗？

Question

我想知道最好的方式，如何保存和显示上传图片的拇指。我有一个图片库，当我上传图像时，我会将图像保存为原始大小的thumb1、thumb2和thumb3。问题是，上传的过程花费了很多时间，因为我们要保存4张图像。

我想问-是更好用这种方式，我现在做(我的意思是上传图像，然后创建3个其他拇指)或上传只有原始大小的图像，并在应用程序的视图中，只是使用CSS手动设置的宽度和大小的拇指图像？

你更喜欢哪种方式？我的应用程序运行在Rails 3.1 heroku上，上传使用回形针和亚马逊服务。

Answer 1

我们在我们的内容管理系统(基于.NET)上也有类似的功能。用户上传图像，处理程序根据需要以所需的分辨率创建缩略图。还有磁盘缓存机制，以确保一些额外的性能。它对我们的情况很有效。

在你的情况下，我永远不会使用CSS调整大小，这是一个糟糕的主意。

Answer 2

在文件上传时，您应该创建图像的缩略图。理想情况下，您可以为显示分辨率的每个分辨率创建缩略图。我甚至不会在css中调整一个像素宽度的图像大小。在CSS中调整图像大小时，它始终是完全下载的。有许多免费的图像大小调整/缩略图脚本。他们中的许多人都内置在上传程序中。如果你要显示多张图片，如果不调整图片的大小，你会遇到性能瓶颈，这会惹恼你的访问者，更重要的是会消耗服务器资源。

举个例子。1000 x 1000像素的图像是100万像素。在上传时以100 x 100的大小保存调整大小的副本并提供给用户，节省了10,000像素99%！

如果您完全反对生成缩略图，我建议您研究一下缓存和压缩，以便将数据发送到客户端，并让它们在本地存储一些数据。