SVG 转 Base64
使用这款免费的 SVG 转 Base64 转换器，将任意 可缩放矢量图形 图片转换为 Base64 字符串或现成的代码片段。 选择本地 .svg 文件（或粘贴远程文件链接），选择输出格式，然后点击SVG 编码为 Base64。
SVG 文件
将 SVG 文件拖放到此处或点击选择
如何在线转换 SVG 转 Base64
- 选择本地文件并选取一个 .svg 文件，或选择远程 URL并粘贴链接。
- 选择输出格式：纯 Base64、Data URI、HTML 标签、CSS、JavaScript、JSON 或 XML。
- 点击SVG 编码为 Base64。结果会立即显示并附带预览。
- 将结果复制到剪贴板，或下载为 .txt 文件。
关于 SVG（可缩放矢量图形）
SVG 是一种基于 XML 的矢量格式：用文本而非像素描述图形，因此图片在任意尺寸下都保持清晰。非常适合图标、徽标和插图。
由于 SVG 本身就是文本，也可以用 URL 编码代替 Base64 嵌入，通常体积更小。但当代码中包含会破坏 CSS 或 HTML 的引号或字符时，Base64 仍是最稳妥的选择。
| 开发 | 2001 年，W3C |
|---|---|
| 类型 | 矢量（XML 文本） |
| 透明度 | 是 |
| 动画 | 是（SMIL / CSS） |
| 开头为 | <svg 或 <?xml |
输出格式
选择结果的包装方式。转换器可以输出：
- txt: 仅 Base64 字符串，可直接粘贴到代码、数据库字段或 API 请求中。
- uri: 完整的
data:URI，可粘贴到浏览器地址栏，或用于任何接受 URL 的地方。 - html img:
src中包含 Data URI 的<img>标签。 - css background image: 使用
background-image: url(data:...)的 CSS 规则。 - html favicon: 用于内联 favicon 的
<link rel="icon">标签。 - html hyperlink: 用于下载或打开嵌入文件的
<a>链接。 - html iframe: 以内联方式渲染内容的
<iframe>。 - javascript image: 创建
Image对象的 JavaScript 代码。 - javascript popup: 在新窗口中打开内容的 JavaScript 代码。
- json: 包含文件名、MIME 类型和数据的 JSON 对象。
- xml: 数据位于 CDATA 区段内的 XML 元素。
是否安全？结果会有多大？
您的文件绝不会被上传：浏览器使用 File API 在本地读取和转换，即使是机密文档也会留在您的设备上。
Base64 用 4 个字符表示每 3 个字节，因此编码结果比原文件大约 33%（另加几个字节的填充和 Data URI 前缀）。
常见问题
如何将 SVG 转换为 Base64？
在上方选择 .svg 文件，点击“SVG 编码为 Base64”。转换器在浏览器中读取文件，并输出 Base64 字符串或现成的 Data URI。
Base64 编码的 SVG 以什么开头？
SVG 文件编码为 Base64 后通常以“PHN2Zy / PD94bWwg”开头。作为 Data URI 时则以“data:image/svg+xml;base64,”开头。
有文件大小限制吗？
由于转换在本地运行，没有硬性限制，但超大文件会生成超长的字符串。在现代浏览器中，约 50 MB 以内的文件都能流畅处理。
如何将 Base64 转换回 SVG？
使用 Base64 转 SVG 解码器：粘贴字符串，即可预览并下载原始 .svg 文件。
评论 (0)
对“SVG 转 Base64”有疑问、想法或发现了 bug？欢迎留言评论、为工具评分或回复他人。
暂无评论，快来分享您的反馈吧！