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

时间:2012-09-28 21:30:07

标签: html image usability

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

2 个答案:

答案 0 :(得分:1)

一般来说,我建议不要使用大于预期用途的图像。我个人肯定会建议提供适当大小的图像。这些建议较少基于页面加载时间(因为您的案例中的差异可能可以忽略不计),而更多地基于最佳实践。

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

答案 1 :(得分:1)

通常,使用全尺寸图像创建任何类型的图库都是不好的做法,在使用缩略图时降低尺寸。然而,如果你的案子是一个小的画廊与<每页显示30个图像,然后这可能会。在另一种情况下,想象一下,无论用户是否播放整个幻灯片,页面都必须预先加载所有大图像。这会减慢页面加载时间并生成不需要的数据传输。当它进入计时时,生成缩略图仍然会更快。一个好的工具可以是phpThumb,它可以从原始图像大小生成任何图像大小,然后缓存输出,从而加快下次页面加载。