元元析工具

SVG 转 Data URI

SVG 内联成 CSS 可用的 data URI

图片媒体 / SVG 与图标 浏览器本地运行 免费 · 无需登录
IDLE

输入后自动计算,数据不会离开浏览器。

OUTPUT

结果会显示在这里。

HOW TO USE

怎么用SVG 转 Data URI

  1. 打开SVG 转 Data URI页面,输入框已填入示例内容。
  2. 把你的数据粘贴进输入框,结果会自动计算并显示在右侧。
  3. 点击「复制结果」直接取走,数据全程留在浏览器里。

SVG 转 Data URI是什么

SVG 内联成 CSS 可用的 data URI。SVG 转 Data URI属于图片媒体 - SVG 与图标,计算全部在浏览器本地完成,不上传数据、无需登录、免费使用。

它属于「图片媒体」下的「SVG 与图标」分类。SVG 压缩、转 Data URI、图标占位生成。 同类工具还包含 SVG 占位图生成、SVG 压缩、响应式图片比例 CSS 等,可以在分类页一次看全。

适用场景

  • 处理与「SVG转datauri」相关的任务时可以直接用。
  • 处理与「内联」相关的任务时可以直接用。
  • 处理与「图标」相关的任务时可以直接用。

隐私说明

本工具在浏览器内运行,输入内容不会发送到服务器,也不会被记录。 关闭或刷新页面后,输入即被清空。