在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

回答
編輯回答
乞許

不好說(shuō),雪碧圖是把多張小圖整合到一張大圖里,有一個(gè)取圖片的異步請(qǐng)求。base64是把資源直接附在css或html內(nèi),沒(méi)有了額外的請(qǐng)求,但css或html文件變大。綜上,相對(duì)而言加載大圖,雪碧圖性能或許好些(html頁(yè)面快出),反之是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)簽來(lái)展示雪碧圖?貌似沒(méi)人這么做,background有position,img怎么定位呢?當(dāng)然,可能最新的技術(shù)可以實(shí)現(xiàn)

2017年8月15日 16:39