SVG
<svg xmlns="http://www.w3.org/2000/svg"></svg>
Data URL
data:image/svg+xml,...
开发工具
Data URL 生成器 - 内联资源编码工具
在浏览器本地把图片或 SVG 转为 data: URL，方便嵌入 HTML、CSS 或小型资源引用，处理过程不上传文件到服务器。
Data URLBase64
开发工具
Data URL 生成器
从文件生成
支持任意文件类型，将其转换为 Base64 的 Data URL
从纯文本生成（URI 编码）
等待生成
使用场景
- 把小图标内联进 HTML
- 生成 CSS background 可用的 data URL
- 把 SVG 片段编码为 URI
如何使用
- 选择本地文件或粘贴 SVG
- 查看生成的 data: 字符串
- 复制结果
示例输入输出
FAQ
适合多大的文件？
纯前端处理，适合小图与图标级资源。体积过大时字符串会很长，可能影响页面性能，建议控制在数兆以内。
文件会上传吗？
不会。读取与编码都在浏览器本地完成。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
Data URL 解析
Data URL 解析器 - 内联资源拆解工具
在浏览器本地拆解 data: URI，识别 MIME 类型与载荷，并可预览常见图片或文本内容，适合分析页面内联资源。
Data URL 解析
图片转 Base64
图片转 Base64 - Data URL 编码工具
选择本地图片后在浏览器内转为 Base64 Data URL，不经服务器上传，适合前端内嵌小图标、CSS background 调试与接口样例。
图片 Base64 Data URL
Base64 编解码
Base64 编码与解码在线工具
在线进行 Base64 编码和解码，支持标准与 URL-safe 两种格式、自动判断转换方向，也可以选择文件生成 Base64，全部在浏览器本地完成，适合接口调试和数据处理。
Base64 编码 开发