看起來,由於圖片只是一大塊數據,它會是一樣的,但我對此沒有定論,我不確定瀏覽器如何渲染圖像。什麼瀏覽器會加載更快的1000px x 1px圖片,或者1px x 1000px圖片
此外,單色圖像的圖像格式將加載最快?
看起來,由於圖片只是一大塊數據,它會是一樣的,但我對此沒有定論,我不確定瀏覽器如何渲染圖像。什麼瀏覽器會加載更快的1000px x 1px圖片,或者1px x 1000px圖片
此外,單色圖像的圖像格式將加載最快?
此外,單色圖像的圖像格式載入速度最快嗎?
如果你要加載一個單一的顏色,很可能使用元素與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
)。
夠公平,但那不是我所問的。從我讀過的gif和png最適合純色。他們之間會有什麼區別嗎? – Atomix
我用更多的信息更新了我的文章,希望它能清除一些東西! – ninetwozero
**不要擔心**。 – SLaks
如果你想在這個級別上進行時間安排,你可能不應該在瀏覽器環境中工作...... –
如果加載的頁面正在加載大量這些1000px×1px的內容,那麼稍微有點不同加起來? – Atomix