鍍金池/ 問答/HTML5  HTML/ 小圖片是用雪碧圖合適,還是轉(zhuǎn)成base64合適

小圖片是用雪碧圖合適,還是轉(zhuǎn)成base64合適

我有45個(gè)小圖片,每個(gè)大概有1-3kb,在頁面上需要一次展示出來,我是做成雪碧圖用背景圖片展示還是直接轉(zhuǎn)成base64用img標(biāo)簽來展示,哪個(gè)性能會(huì)高一點(diǎn)。請(qǐng)大神分析一下

回答
編輯回答
乞許

不好說,雪碧圖是把多張小圖整合到一張大圖里,有一個(gè)取圖片的異步請(qǐng)求。base64是把資源直接附在css或html內(nèi),沒有了額外的請(qǐng)求,但css或html文件變大。綜上,相對(duì)而言加載大圖,雪碧圖性能或許好些(html頁面快出),反之是base64。

2018年8月1日 05:38
編輯回答
網(wǎng)妓

你這種情況應(yīng)該還是雪碧圖好。一張算2k,也有90k,一次加載就可以緩存在本地了。因?yàn)閔tml一般不緩存,所以放img每次都要重新加載。另外,bese64 會(huì)增加約1/3的體積。
一般情況下,一整套的小圖標(biāo)我都是雪碧圖,剩下一些零散的不在一整套里面的會(huì)用個(gè)base64。一個(gè)項(xiàng)目總共就幾個(gè)小圖標(biāo)的也會(huì)用個(gè)base64

2017年1月2日 08:31
編輯回答
孤客

用img標(biāo)簽來展示雪碧圖?貌似沒人這么做,background有position,img怎么定位呢?當(dāng)然,可能最新的技術(shù)可以實(shí)現(xiàn)

2017年8月15日 16:39