Base64格式：data:[][;charset=][;base64]（data:image/……）
1、將上傳本地圖片在這里是生成圖片的Base64編碼
2、將網(wǎng)絡(luò )圖片在這里是生成圖片的Base64編碼
3、將標準的base64圖片編碼還原出圖片
4、可以把.svg放矢量圖形轉為Base64編碼

.box{
    background-image: url("data:image/jpg;base64,/2w/43QrZF...");
}
                            

優(yōu)點(diǎn)：
1、網(wǎng)頁(yè)中使用base64格式的圖片時(shí)，能減少htt請求的次數，優(yōu)化頁(yè)面的加載速度；
2、能降低服務(wù)器資源的消耗，理由：base64格式的圖片屬于文本格式，因而僅僅占用很少的內存，僅為圖片時(shí)的1/3；
缺點(diǎn)：
1、生成base64格式后，文本內容較多，不適合存儲在數據庫中；
2、由于生成base64格式的內容太多，所以加載網(wǎng)頁(yè)的速度會(huì )降低，可能會(huì )影響用戶(hù)的體驗；
3、base64格式的圖片無(wú)法緩存，雖然可以緩存包含base64文本的文件如：js或css，但這達不到一般圖片緩存的效果；
建議：
圖片base64編碼的優(yōu)點(diǎn)很讓人青睞，但其缺點(diǎn)也不容忽視，建議較小的圖片可直接轉為base64編碼格式，比如一些表情圖片、小圖標等。