前端页面优化--图片base64编码

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_16570607/article/details/80287785

图片base64编码内嵌于CSS、HTML中

1. 首先把图片进行base64编码成一串字符串；
2. 然后嵌入到CSS或html中

//内嵌于css
div.triangle{  
  width:900px;  
  height:500px;  

  background-image: url("data:image/png;base64,……
}  

//植入到img标签中的src中
<img width="40" height="30" src="data:image/png;base64,......" />