SVG 转 Base64 工具

将 SVG 代码或文件转换为 Base64 格式，方便在 CSS、HTML 或 JavaScript 中使用。支持实时预览、一键复制和文件下载。

SVG 输入

转换后的 Base64 字符串将显示在右侧面板

预览

SVG 预览将在此显示

使用方式

在 CSS 中使用

background: url('data:image/svg+xml;base64,[base64代码]');

在 HTML 中使用

<img src="data:image/svg+xml;base64,[base64代码]" />

Base64 输出

使用提示

  • • Base64 编码可用于 CSS 背景、HTML 图片等
  • • 可以减少 HTTP 请求，提升网页加载速度
  • • 适合小型图标和简单图形
  • • 对于复杂 SVG，Base64 编码可能会增加文件大小

示例 SVG 代码

星星图标

简单的五角星

<svg width="100" height="100" ...

圆形按钮

带有渐变的圆形

<svg width="100" height="100" ...