fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

图片在线转换Base64数据
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

点击使用

base64图片转换工具,是一款可以在线任意图片格式转Base64 DataUrl编码工具,让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。   


什么是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的时间增长


链接: https://fly63.com/tool/detial/18

图片格式webp/png/jpeg转换工具
图片主色调在线获取工具
图片批量压缩工具
图片在线生成ICO图标
在线生成流程图、时序图工具
PDF文件转换图片工具
图片加水印工具
在线思维导图

手机预览