SVG 转 Data URI 编码器
将 SVG 代码转换为适合 CSS background-image 使用的 data URI 格式，支持 URL 编码和 Base64 两种方式。
SVG 输入
Data URI 输出
预览
将 SVG 代码转换为适合 CSS background-image 使用的 data URI 格式，支持 URL 编码和 Base64 两种方式。
先在输入区填写待处理内容，并检查当前选项，再使用「转换」完成操作。
SVG 主要描述矢量图形，缩放时可重新绘制；PNG 等位图保存固定数量的像素。将 SVG 转成位图时，导出的宽高决定像素尺寸，后续放大仍可能模糊。
SVG 可能引用本机未安装的字体、远程图片或外部样式。浏览器的跨域与资源加载限制会影响预览和导出；需要可移植文件时应检查这些依赖，并在目标环境重新打开结果。
本页提供「URL 编码（推荐）」、「Base64」选项。先按实际输入和目标选择对应模式，再执行操作；比较两次结果时，保持其他参数一致，避免把不同模式的结果混在一起。
先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。使用分享或复制链接前，请检查链接中是否带有输入内容。
先检查输入内容是否完整，以及格式、单位和当前选项是否匹配。重新执行「转换」，查看页面的结果或错误提示；可先用少量数据定位问题。
URL 编解码 · Base64 编解码 · SVG Sprite 生成器 · URL 解析器 · 全部开发工具