html - 快速加载缩略图图像

Question

我有一个将显示缩略图库的网络应用程序。我的问题是，有些图像非常大（比如 6000 x 6000），我目前的方法是将图像加载到图像标签中，然后使用 css 设置 max-width 和 max-height，由于图像很大，这非常慢装在后面。

这种情况最简单的解决方案是什么？

我正在使用 Rails，图像是使用 Carrierwave 上传的。

Answer 1

尝试查看Carrierwave github 页面上的图像缩略图部分。这个想法是，当上传大图像时，您可以调整图像大小并存储它的副本。稍后，您可以提供较小版本的图像，以使请求时间更快。

您可能还希望通过使用0或nil作为您希望依赖于其他属性的宽度或高度在上传的图像中保持适当的纵横比。在这里查看更多信息。