图片在线转换Base64数据

什么是base64编码

图片的base64编码就是可以将一张图片数据编码成一串字符串，使用该字符串代替图像地址url。

使用base64图片的优点

在前端页面中常见的base64图片的引入方式有

//在css中使用base64图片
.header {
    background-image: url(data:image/png;base64,iVBORw0...);
}

//在html中使用base64图片
<img src="data:image/gif;base64,base64,/9j/4AAQSkZJRgABAQEASABIAAD/4gIcSUNDX1BST0ZJTEUAAQE.....>

使用base64图片的优点有一下几种
1、减少http请求次数
2、采用base64的图片随着页面一起下载，因此不会存在跨域请求的问题
3、没有图片更新要上传图片，因此不会造成清理图片缓存的问题

使用base64图片的缺点

1、增加css文件的大小
2、浏览器兼容性
3、解析css的时间增长