29.图片转base64格式

发布时间 2023-07-06 16:05:57作者: cjl2019
使用场景:
①可以减少图片的请求数量(集合到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中使用