Data URI转换

什么是Data URI转换？

如何使用Data URI转换

1. 1

   选择转换方向：在转换方向选择区域，点击选中『文件/文本转Data URI』或者『Data URI转原始内容』，确认你需要的转换方向后再进行下一步操作

2. 2

   选择编码类型：在编码类型选项区，点击勾选符合你需求的『Base64 编码』或『URL 编码』，两种编码只能选择其中一种，选错会导致结果出错

3. 3

   输入源内容：如果转Data URI，可以直接粘贴文本内容到输入框，也可以点击『选择文件』按钮上传本地图片作为转换源

4. 4

   获取转换结果：转换完成后结果会自动显示在结果区域，你可以点击结果框旁的『复制结果』按钮直接复制，拿到内容就能嵌入使用

什么场景会用到？

计算示例

注意事项

• 编码格式仅支持base64和URL编码两种，其中绝大多数Web场景使用base64编码，URL编码的Data URI兼容性较差，仅在特殊场景使用。
• 粘贴Data URI解码时，必须包含完整的`data:[mediatype][;base64],`前缀，缺少前缀会导致工具无法正确识别媒体类型和编码格式。
• 转换大体积图片时生成的Data URI长度会很大，超过1MB的图片不建议使用Data URI，否则会大幅增加HTML/CSS文件体积，降低页面加载速度。
• 工具仅支持图片格式和纯文本内容的互转，不支持音视频等其他二进制格式的Data URI转换。

常见问题

参考资料

• RFC 2397 "The "data" URL scheme"
• MDN Web Docs Data URLs 文档

本工具遵循RFC 2397的Data URI标准定义，支持base64和URL编码两种规范转换方式，所有示例均经过工具实际运行验证，由工具集编辑组维护。