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

Question

我想在html页面中构建一个10 x 10的图片。 （C ++）

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

my question is : html 标记（包含图片）正在呈现最最快!!

P.S：

a）图片不可压：

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

选项：

1）div与背景图像

2）img标签

3）也许是其他选择？

Answer 1

由于这是表格格式，因此您应该使用表格。

为避免重排，请使用行和列的width和height属性，以确保浏览器正确呈现容器表。这也意味着在img元素上设置宽度和高度。

因此，请在每个单元格中使用包含img元素的表格。

Answer 2

观点：

根据我的经验background images倾向于加载更快，尽管指定高度和宽度的图像可以加载更快，但我不认为你有这个选项。我也知道你没有sprite的选项，因为图片加载一次实际上很好。

这在很大程度上取决于文件的大小，但我会img tags与simplicity and flexibility一起使用。

Answer 3

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

在背景中加载图像比使用图像元素更快，但在这种情况下，差异几乎不会引人注意。从语义上讲，它听起来像图像元素会更有意义 - 如果你关闭图像然后页面没有意义，它们不仅仅是装饰元素。