Elysia Tools
导航
Development
将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
Data URI 生成器是一款便捷的在线工具，能够将图片、字体、音频、视频等各种格式的文件快速转换为 Data URI 格式（支持 Base64、URL 编码或原始文本）。通过将资源直接内联嵌入到 HTML、CSS 或 Markdown 中，您可以有效减少 HTTP 请求次数，优化网页加载性能。
背景
正在开发一个移动端活动页面，页面顶部有几个小图标，如果每个图标都单独发起 HTTP 请求，会影响首屏渲染速度。
问题
需要将这些小图标直接嵌入到 CSS 样式表中，减少网络请求。
如何使用
上传小图标 icon.png，在“输出格式”中选择“CSS background”，编码方式保持默认的“Base64”。
编码方式: Base64, 输出格式: CSS background结果
获得了一段可以直接复制到 CSS 文件中的 background-image 样式代码，成功将图标内联。
背景
正在编写一份技术规范文档，需要插入一张架构图，但该文档需要以单个 .md 文件形式分发给客户，无法携带外部图片文件夹。
问题
需要将本地的 SVG 架构图直接嵌入到 Markdown 源码中。
如何使用
上传 architecture.svg，在“输出格式”中选择“Markdown 嵌入”。
编码方式: Base64, 输出格式: Markdown 嵌入结果
生成了类似  的 Markdown 语法代码，直接粘贴即可在支持的编辑器中正常预览图片。
支持图片（PNG, JPEG, SVG, WebP等）、音频、视频、字体（WOFF, WOFF2, TTF等）以及文本和 PDF 等几乎所有常见文件格式。
使用 Base64 编码后，数据体积通常会比原始二进制文件增加约 33%，因此建议仅对较小的资源进行内联。
在输出格式中选择“CSS background”，工具会自动生成类似于 background-image: url(data:image/png;base64,...) 的代码段。
可以。工具会自动检测文件类型，但您也可以在“MIME 类型”输入框中填写自定义的值进行覆盖。
转换过程完全在您的浏览器本地安全处理，文件不会被上传到任何外部服务器，保障您的数据隐私。