2011-07-25 16 views
-2

看起來,由於圖片只是一大塊數據,它會是一樣的,但我對此沒有定論,我不確定瀏覽器如何渲染圖像。什麼瀏覽器會加載更快的1000px x 1px圖片,或者1px x 1000px圖片

此外,單色圖像的圖像格式將加載最快?

+8

**不要擔心**。 – SLaks

+0

如果你想在這個級別上進行時間安排,你可能不應該在瀏覽器環境中工作...... –

+0

如果加載的頁面正在加載大量這些1000px×1px的內容,那麼稍微有點不同加起來? – Atomix

回答

1

此外,單色圖像的圖像格式載入速度最快嗎?

如果你要加載一個單一的顏色,很可能使用元素與background: #HEX;將有所加快,因爲你不會需要加載的實際圖像。

編輯#1:

我創建了兩個黑色的JPG圖像,1000x1和1x1000的 - 都結束了相同的尺寸(399個字節)。

此外,我創建了一個1000x1 PNG-圖像,以及一個1000x1 GIF圖像(均填充有黑色) - 原來大小分別爲如下:

PNG-image: 96 bytes 
GIF-image: 63 bytes 

優勝者:該GIF-圖像,比PNG圖像少33個字節的數據。如果加載1000個圖像,如測試中使用的圖像,使用PNG格式的開銷將相當於33 000 bytes(如果您喜歡該格式,則爲32.22 kilobytes)。

+0

夠公平,但那不是我所問的。從我讀過的gif和png最適合純色。他們之間會有什麼區別嗎? – Atomix

+0

我用更多的信息更新了我的文章,希望它能清除一些東西! – ninetwozero