工具介绍
Data URI转换工具可以将您上传的文件（特别是图片）转换为 Base64 编码的 Data URI，方便您直接嵌入到 HTML、CSS 或 JavaScript 代码中使用。工具会同时显示原始文件和 Base64 编码后的体积大小，并提供不同场景下的使用代码示例。
使用方法
只需点击「选择文件」按钮，选择您需要转换的文件（推荐图片类文件），工具会自动读取并完成转换，结果区域会显示完整转换结果和不同使用场景的代码示例。您可以直接复制对应代码使用。
转换原理
Data URI 是一种将小型文件嵌入到网页中的方案，格式为：data:[MIME类型];base64,[编码内容]
- Base64 编码会将二进制文件转换为文本格式，体积会比原始文件增加约 33%
- 工具会自动识别文件的 MIME 类型，生成符合规范的 Data URI
- 分别提供 HTML 图片标签、CSS 背景图、JavaScript 图片对象三种场景的代码
注意事项
- 较大文件不建议使用 Data URI，会增加代码体积和加载时间，一般建议不超过 100KB
- Base64 编码后体积一定大于原始文件体积，增加的体积是编码格式本身决定的
- 仅供前端开发嵌入使用，不建议用于大文件或需要缓存的资源