優勢:
- Base64 圖片可以減少請求
- 加快首屏數據的顯示速度
1、一般我們通常使用background : url……這種形式加載圖片,url裏面寫的是圖片地址
2、使用base64格式就只需要填寫一串字符串,承載着圖片信息,相當於我們提前把圖片信息放到了css文件中,減少了請求。
background:url(data:image/png;base64,{image_data})
缺點:
- Base64格式未經過壓縮,體積較大
- 不利於維護
優勢:
- Base64 圖片可以減少請求
- 加快首屏數據的顯示速度
1、一般我們通常使用background : url……這種形式加載圖片,url裏面寫的是圖片地址
2、使用base64格式就只需要填寫一串字符串,承載着圖片信息,相當於我們提前把圖片信息放到了css文件中,減少了請求。
background:url(data:image/png;base64,{image_data})
缺點:
- Base64格式未經過壓縮,體積較大
- 不利於維護