如何在包含大量图像的网站上显示不同尺寸的图像

Question

对于 500px、flickr、instagram 等图像密集型尺寸，它们提供大量不同尺寸的图像，用户不断上传图像，存储和显示不同尺寸图像的最佳方式是什么。 相同的图像通常以不同的尺寸显示，例如缩略图、模态窗口大小和大尺寸等（例如在电子商务网站上）。 也适用于像http://500px.com/flow 这样的动态尺寸网格，其中图像都是跨越多行和多列的动态尺寸。

这些网站是否会创建所有这些不同的大小并存储不同版本的网站，或者是即时完成的？

Answer 1

通常，这些网站在上传图片时会创建几个版本。常见的例子有小（缩略图）、中、大、全尺寸。这些转换是在上传时完成的，因为动态调整这么多图像的大小会带来很大的性能损失。