扫一扫分享
base64图片转换工具,是一款可以在线任意图片格式转Base64 DataUrl编码工具,让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。
图片的base64编码就是可以将一张图片数据编码成一串字符串,使用该字符串代替图像地址url。
在前端页面中常见的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、没有图片更新要上传图片,因此不会造成清理图片缓存的问题
1、增加css文件的大小
2、浏览器兼容性
3、解析css的时间增长
手机预览