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

Question

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

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

Answer 1

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