哪個包含圖片的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

回答