跳至主要内容

SVG转换器

将 SVG 文件转换为内联 SVG 代码，以便直接嵌入 HTML 中；或者从内联 SVG 代码创建 SVG 文件。所有处理都在您的浏览器中完成，无需上传到服务器。

SVG → 内联 SVG

上传 SVG 文件，即可获得可直接插入 HTML 的内联 SVG 代码。

📁

将 SVG 文件拖到这里

内联 SVG → SVG 文件

插入内联 SVG 代码并创建可供下载的 SVG 文件

关于 SVG 转换

什么是内联 SVG？

内联 SVG 是将 SVG 代码直接插入到 HTML 文档中，而不是通过 &lt;img&gt; 标签插入图像。 <img> 或者使用 CSS background-image，SVG 代码直接插入到 HTML 中，从而可以通过 CSS 设置样式并通过 JavaScript 进行操作。

内联SVG的优势：

  • 通过 CSS 设置样式： 能够通过 CSS 更改颜色、大小和其他 SVG 属性。
  • 动画片： 能够通过 CSS 或 JavaScript 创建动画
  • 减少HTTP请求： 无需上传单独的 SVG 文件
  • 可扩展性： SVG 在任何屏幕尺寸下都能无损缩放
  • 搜索引擎优化： SVG 代码可以包含搜索引擎索引的文本

使用方法：

  1. 要将 SVG 文件转换为内联代码：上传 SVG 文件，复制生成的代码并将其粘贴到您的 HTML 代码中。
  2. 要将内联 SVG 转换为文件：粘贴您的 SVG 代码，单击转换按钮，然后下载生成的 SVG 文件。

安全与隐私：

所有处理过程均在您的浏览器中完成。文件不会上传到服务器，从而确保您的数据完全保密。