文件转 Base64

支持 PNG、GIF、JPG、SVG、PSD、BMP、ICO、TTF、WOFF、EOT 等格式
拖动文件到此区域 放开鼠标开始转码
本工具不限制文件大小,但是为了平衡在生产环境中的效率,一般单个图片文件不要超过100K。

DataURI 允许在HTML文档中嵌入小文件,可以使用 img 标签或 CSS 嵌入转换后的 Base64 编码,减少 HTTP 请求,加快小图像的加载时间。

经过Base64 编码后的文件体积一般比源文件大 30% 左右。

// Base64 在CSS中的使用
.box{
  background-image: url("data:image/jpg;base64,/9j/4QMZR...");
}
// Base64 在HTML中的使用
<img src="data:image/jpg;base64,/9j/4QMZR..." />

支持Base64(DataURI)的浏览器

Chrome 4+
Android Chrome 57+
Firefox 2+
Android Firefox 52+
Safari 3.1+
IOS Safari 3.2+
Opera 9+Opera9~11 限制为 64K
IE 8+IE8 限制为 32KB
Mobile IE10+
Edge12+
Android UC11+
QQ Browser1.2+