Html 调整图像大小或加载缩略图

我正在使用的服务器上的映像系统具有每个映像的多个大小，我都可以使用。如果我需要相同的图像，不同的大小，在一页上显示两次，我会怎么做？（例如：在一个简单的图像库中，所有图像同时加载，但只有一个大版本和三个缩略图可见。）

我会从服务器加载较大和较小的图像，还是加载较大的图像，并使用css调整大小以生成较小的版本

---

感谢您的见解。

在图库中显示较小的版本，然后单击或其他任何操作，加载较大的版本。

我知道问题是：

发布大型图像的缩略图更好的方法是什么？或者用css模拟缩略图来调整大图像的大小

---

我想它是发布缩略图，而不是调整大图像的大小

你的问题标题似乎与实际问题没有多大关系。不要调整大图像的大小，使用缩略图并在背景中预加载大图像，可以使用JavaScript或CSS。但问题是，图像的大小不需要预加载，它们已经预加载了。它们只是看不见而已……大版本和小版本都会同时加载，所有的都会同时加载。在这种情况下，加载两个图像或调整一个图像的大小更明智吗？预览仅用于概述列表中的当前位置。所以基本上，问题是：什么最适合用户体验？加载新图像（从而使用更多带宽）或调整大小？