关于此工具
使用图片转 Data URI 创建
为 HTML 或 CSS 生成带有 MIME 类型的完整图片 Data URI。图片保留在您的浏览器中。
创建带有正确源 MIME 类型的完整 data:image/...;base64 URI。输出可以嵌入到 HTML 图片中或用于 CSS url() 值中。无需上传文件。
图片转 Data URI
为 HTML 或 CSS 生成带有 MIME 类型的完整图片 Data URI。图片保留在您的浏览器中。
在你的设备上运行 无需注册
本地开发者工具
使用方法
- 01
准备您的源文件
选择支持的源图片，或在工具提供时从文本模板开始。
- 02
调整结果
创建带有正确源 MIME 类型的完整 data:image/...;base64 URI。输出可以嵌入到 HTML 图片中或用于 CSS url() 值中。无需上传文件。
- 03
查看并下载
检查完整的预览和输出设置。下载完成的资源，同时保留原始文件以供对比。
获得更好结果的技巧
- Data URI 包含 data: 前缀、MIME 类型和编码标记。原始 Base64 字符串仅包含编码字节；应用程序可能需要其中一种格式。
- 在检查结果之前保留原始文件。
- 在预期的显示尺寸下检查小文本和精细边缘。
- 图像处理在您的浏览器中进行。关闭标签页前请下载结果。该工具不会覆盖您的原始文件。
常见问题
如何使用图片转 Data URI？ +
选择支持的源图片，或在工具提供时从文本模板开始。创建带有正确源 MIME 类型的完整 data:image/...;base64 URI。输出可以嵌入到 HTML 图片中或用于 CSS url() 值中。无需上传文件。
这与原始 Base64 字符串有什么不同？ +
Data URI 包含 data: 前缀、MIME 类型和编码标记。原始 Base64 字符串仅包含编码字节；应用程序可能需要其中一种格式。
我的输入在哪里处理？ +
图像处理在您的浏览器中进行。关闭标签页前请下载结果。该工具不会覆盖您的原始文件。
我可以使用哪些文件？ +
接受的输入：JPG、PNG、WebP、AVIF、GIF。可用输出：TXT。浏览器解码支持和所选输出设置决定了哪些源文件可以被处理。
需要账户吗？ +
此工具无需账户。您可以在保存到设备前查看输出结果。