哪个包含图片的html标签具有最佳性能？

我想在html页面中构建一个10 x 10的大拇指图片。（aspx）哪个包含图片的html标签具有最佳性能？

有很多选项如何做到这一点。

my question is :哪个HTML标签（其中将包含图片 - 所呈现的最最快！

PS：

一）图片不是可压：

b ）我没有能力创建精灵图像。

选项：

1）与背景图像

2）img标签

3）也许其他选项的div？

2012-01-07 Royi Namir

你尝试了什么？你测试了什么替代品？ “表现”是什么意思？ – 2012-01-07 09:58:47

@Erno我已经写过：看看选项 – 2012-01-07 09:59:44

你是什么意思渲染速度最快？这仅取决于浏览器以及它可以加载图像的速度。 – Oded 2012-01-07 10:00:14

由于这是一个表格格式，你应该使用一个表。

为了避免回流使用宽度和用于行和列height属性以确保在浏览器呈现的容器表正确地开始。这也意味着在img元素上设置宽度和高度。

所以，使用一个表，在每个小区img元件。

2012-01-07 10:02:43 Oded

doesnt表元素增加页面的视图源？我个人打算不使用表格（尽可能） - 另外 - 用表格不会使用TD的backgroundImage更好吗？ – 2012-01-07 10:05:05

@RoyiNamir - 表格对于表格格式来说非常好。它们不会比嵌入式div增加更多的标记。至于使用背景图片 - 我真的不这么认为（尽管您可能想要测试）。 – Oded 2012-01-07 10:06:59

真的，如果你只显示10张图片，而没有对他们做更多的事情，那么你怎么做并不重要，性能差异不会引人注意。 – gotofritz 2012-01-07 17:32:45

意见：

从我的经验background images倾向于加载速度更快，altough具有高度和宽度specifed加载速度更快的图像，但我不认为你有这样的选择。我也知道你没有选择精灵，这实际上是好的，因为图像加载一次。

这取决于文件的大小，但是我想用img tags代替simplicity and flexibility。

2012-01-07 10:04:01 andrewk

四周最好的表现是使用精灵，即将所有图像合并到一个(there are online tools to do that)中，然后使用css仅显示您需要的部分。

在后台加载图像呈现比使用的图像元素更快，但差异将很难在这种情况下显着。从语义上讲，它听起来像图像元素会更有意义 - 如果关闭图像，那么页面就没有意义了，它们不仅仅是装饰元素。

2012-01-07 10:11:24 gotofritz

你看了我的问题吗？（p.s的一部分）:) – 2012-01-07 10:13:51

@RoyiNamir，你的意思是关于条纹的位，而不是sprites？ – 2012-01-07 10:17:30

好吧，足够公平，比你的简单情况下它真的没有什么区别，如果你使用img节点或性能不明智，但语义我会去img – gotofritz 2012-01-07 11:24:36

回答