《網(wǎng)站速度優(yōu)化新招數(shù)：使用data類型圖片》文章已經(jīng)歸檔，站長之家不再展示相關(guān)內(nèi)容，下文是站長之家的自動(dòng)化寫作機(jī)器人，通過算法提取的文章重點(diǎn)內(nèi)容。這只AI還很年輕，歡迎聯(lián)系我們幫它成長：

那么有什么可以替代雪碧圖，同樣達(dá)到減少HTTP請求的目的呢？答案是：data類型圖片...

例如對于img這個(gè)Tag，哪怕這個(gè)圖片非常非常的小，小到只有一個(gè)點(diǎn)，也是要從另外一個(gè)外部的圖片文件例如gif文件中讀入的，如果瀏覽器實(shí)現(xiàn)了data類型的Url格式，這個(gè)文件就可以直接從頁面文件內(nèi)部讀入了...

將圖片數(shù)據(jù)base64編碼后，在前面加上：data:image/jpeg;base64，（其中的jpeg請?zhí)鎿Q成您自己的圖片類型），即可使用于CSS文件（直接將CSS文件當(dāng)中的圖片路徑替換為處理后的字符串即可，可以參考一下上面的圖片）...

data類型圖片有一個(gè)缺點(diǎn)，就是data類型圖片相比于文件圖片的體積會(huì)大三分之一左右...

......