Data URI 处理器

Data URI处理器让你将任何文件编码为Base64数据URI，直接嵌入HTML、CSS或JavaScript，并将现有数据URI解码回原始文件内容。数据URI遵循RFC 2397格式`data:[<媒体类型>][;base64],<数据>`，允许内联资源而无需额外的HTTP请求。内联小型资源（如SVG图标、字体或小图片）可显著减少关键资源的页面加载延迟。所有编码、解码、MIME类型检测和文件预览完全在浏览器中进行，无需服务器上传。

浏览所有开发者工具

使用方法

要编码，上传文件或粘贴原始文本，从下拉菜单选择正确的MIME类型——工具生成完整的RFC 2397兼容数据URI字符串，可直接粘贴到src、href或url()属性中。要解码，将现有数据URI粘贴到输入框并点击解码，提取嵌入内容，内联预览图像或SVG，并下载原始文件。所有处理在客户端进行，文件不会离开浏览器。

常见用途

• •前端开发者将小型SVG图标、加载动画或UI图像直接嵌入HTML或CSS，消除额外HTTP请求并减少关键渲染路径延迟
• •电子邮件模板设计者将自定义Web字体和标志图像以Base64数据URI形式内联到CSS样式块，确保在阻止外部资源加载的客户端中的一致渲染
• •安全研究人员解码在网络钓鱼HTML附件或混淆脚本标签中发现的可疑数据URI，揭示隐藏的有效负载内容
• •Web开发者创建完全自包含的单文件HTML演示、离线文档页面或便携工具小部件，内联嵌入所有资源
• •构建工具作者为CSS-in-JS样式组件生成Base64编码的背景图像数据URI，或为图标字体生成内联SVG数据URI