首頁猿問小圖片是用雪碧圖合適，還是轉(zhuǎn)成ba...

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

JavaScript

呼啦一陣風(fēng) 2019-03-29 23:19:03

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

查看完整描述

3 回答

素胚勾勒不出你

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊

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

反對(duì) 回復(fù) 2019-04-14

30秒到達(dá)戰(zhàn)場(chǎng)

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

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

反對(duì) 回復(fù) 2019-04-14

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)