文件/图片转换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+ Firefox 2+ Safari 3.1+ Opera 9+ IE 8+ Edge12+ Android UC11+ QQ Browser1.2+
Android Chrome 57+ Android Firefox 52+ IOS Safari 3.2+ Mobile IE10+
Opera9~11 限制为 64K IE8 限制为 32KB