29.图片转base64格式

使用场景：

①可以减少图片的请求数量（集合到js、css代码中）；

②可以防止因为一些相对路径等问题导致图片404错误；

③提高加载速度；

 

步骤一：打开网站：https://www.strerr.com/cn/base64_encode_img.html

步骤二：上传图片，复制转换后的base64数据

步骤三：组件中使用

background-image: url("data:image/png;base64,iVBORw0KGgo=..."); //在CSS中使用
<img src="data:image/png;base64,iVBORw0KGgo=..." /> //在HTML中使用