创建缩略图或使用大型高清图像两次？

Question

我有一个幻灯片，将显示大400px x 1000px图像。我需要在幻灯片中显示每个图像的缩略图，所以我想知道...如果我只是使用图像的第二个实例但降低宽度和高度，页面加载速度会更快 - 页面是否会加载大图像两次？或者，如果我加载HD图像和更小的缩略图，页面加载速度会更快吗？

Answer 1

通常，我建议不要使用比预期用途大的图像。我个人肯定会推荐提供适当大小的图片。这些建议较少基于页面加载时间（因为您的案例中的差异可能可以忽略不计），更多的是关于最佳做法。

一个非常方便的PHP程序我已经用了很多像这样的东西是timthumb

Answer 2

一般来说这是一个不好的做法使用唯一的全尺寸图像来创建任何类型的图像画廊，利用当降低它们的尺寸缩略图。然而，如果您的情况是每个页面显示30张图片的小型图库，那么这可能会发生。在另一种情况下，不管用户是否播放整个幻灯片，都可以想象一个页面必须预加载所有大图像。这会减慢页面加载时间并产生不需要的数据传输。在进行计时时，生成缩略图的速度仍然会更快。例如，一个好的工具可以是phpThumb，它能够从原始图像生成任何图像大小，然后缓存输出，从而加快下一次的页面加载速度。