Base64 转 SVG 在线工具

不能。内联标签本身就是源码，直接编辑就行；这个工具解的是 Base64。想反过来把 .svg 文件转成 Base64，用「文件转 Base64」。

会，还原是原样字节。里面的外链、字体声明、样式都在，能不能正常显示取决于打开它的环境。

SVG 本身是文本，通常不会乱。乱码多半是那段 Base64 被截断、或者复制时丢了字符 —— 工具的诊断栏会告诉你错在第几位。

图标、logo、矢量插图经常被 Base64 塞进 CSS、JSON 或邮件模板。贴进来，工具认出 <svg 声明就还你一个能重新编辑的 .svg 文件。

b64file — converter · local

粘贴即自动处理，不用点按钮（Ctrl+Enter 立刻转换 / Esc 清空）

粘贴、拖拽、Ctrl+V 截图都行

[01]

什么时候会遇到 Base64 里的 SVG

最常见的三处：CSS 里的 background-image: url(data:image/svg+xml;base64,...)；接口把图标当字段返回；设计工具或邮件模板导出时把矢量图内嵌。这些场景拿到手的都不是能直接打开的文件，得先还原。

[02]

SVG 是矢量图，还原成 .svg 就能重新编辑：改颜色、改尺寸、拆图层、丢进 Figma 或 Illustrator。内嵌在 Base64 里的版本只能看，动不了。

另外，矢量图放大不糊 —— 这就是它跟 PNG、JPG 最大的区别。

[03]

工具看的是字节里有没有 <svg 声明，所以哪怕原文没带扩展名、或者被塞在 JSON 字段里，一样认得出来。反过来说，如果那段 Base64 里根本不是 SVG（比如是 PNG），工具会照实告诉你是 PNG，不会硬凑一个 .svg 给你。

内联写的 SVG 标签（不是 Base64）能处理吗？

不能。内联标签本身就是源码，直接编辑就行；这个工具解的是 Base64。想反过来把 .svg 文件转成 Base64，用「文件转 Base64」。

SVG 里的外链和字体会跟着走吗？

会，还原是原样字节。里面的外链、字体声明、样式都在，能不能正常显示取决于打开它的环境。

为什么我的 SVG 还原后是乱码？

SVG 本身是文本，通常不会乱。乱码多半是那段 Base64 被截断、或者复制时丢了字符 —— 工具的诊断栏会告诉你错在第几位。