在网页中显示缩略图的最佳做法

时间:2011-10-10 04:14:57

标签: html standards

如果我想显示图像的缩略图视图并在单击缩略图时显示实际尺寸图像,
什么是最佳实践/标准方式?我的意思是,
1-将两个文件保存在本地存储(例如800x600和120x160)中并单独加载 2-仅保留完整尺寸的图像(例如800x600)并通过在HTML标记中调整缩略图来显示缩略图

width="160" height="120"

4 个答案:

答案 0 :(得分:2)

最佳做法是使用这两个文件,即

1- Keep two files in local storage (say 800x600 and 120x160)and load them separately 

由于调整大小既耗时又占用更多带宽。

理想情况下,每个缩略图图像都被压缩为大约10 - 30K(JPEG),并且具有替代文字。这样你就可以在一张桌子上大约20个左右,很容易看到。就像这里:http://www.flickr.com/explore/interesting/7days/

正如您可能知道的那样,有缩略图创建者like this one

答案 1 :(得分:1)

选项1 - 您可以节省带宽,并且您还允许具有下载限制的用户不会用尽他们的潜在限制(例如在他们的手机上)。你最终放弃的唯一一件事(假设你自动化了这个过程)是硬盘空间。

答案 2 :(得分:1)

我认为,最好是保留两个文件。用户可以加载几个大文件,而不是一切。因此,加载它们都是不必要的。

对于手机或此类设备可能非常重要。

答案 3 :(得分:1)

最好的事情是在服务器中保留高分辨率版本,然后根据要求动态调整图像大小。如果您愿意,可以在服务器端缓存该文件。如果您使用的是C#,此示例显示how to resize dynamically

下一个选项是在服务器中保留单独的文件。