文件格式转换工具

SVG 转 PNG 转换器

将 SVG 矢量图形代码转换为 PNG 位图。支持自定义宽高,生成 Base64 编码的 PNG 数据及文件大小信息。

运行工具

本工具用于将 SVG 标记代码转换为 PNG 图像格式。用户可在文本框中粘贴 SVG 代码,系统会处理并生成对应的 PNG 数据。转换结果以 Base64 编码文本形式呈现,并显示生成的 PNG 文件字节大小。工具提供宽度和高度输入项,默认值为零。当这两个数值均不为零时,工具会在转换前替换 SVG 代码中第一个匹配的双引号包裹的 width 和 height 属性值,其他形式的属性保持不变。若任一维度输入为零,结果中将对应维度标记为自动。请注意,若未提供 SVG 内容或提供的代码格式错误、不受支持,转换将无法完成并返回错误提示。该功能依赖后端转换服务,适用于需要快速获取 PNG 预览或进行格式转换的开发与设计场景。

使用说明

  1. 在“SVG 内容”文本框中粘贴有效的 SVG 标记代码。
  2. 如需指定输出尺寸,在“宽度”和“高度”框中输入非零数值。
  3. 点击运行按钮开始转换过程。
  4. 查看结果区域获取 Base64 编码的 PNG 数据及文件大小。
  5. 若需调整尺寸,修改宽高数值后重新运行。

示例

  • 粘贴一个包含 circle 元素的简单 SVG 代码,不设置宽高,获取自动尺寸的 PNG Base64 数据。
  • 粘贴带有 width="100" height="100" 属性的 SVG 矩形代码,设置宽度为 200、高度为 200,转换后属性值被更新且生成对应尺寸的 PNG 数据。

常见问题

为什么转换失败了?

如果未输入 SVG 内容,或者输入的 SVG 代码格式不正确、不受支持,转换会失败并显示错误信息。请检查代码完整性。

宽度和高度如何影响结果?

只有当宽度和高度都输入非零数值时,工具才会替换 SVG 代码中第一个匹配的双引号宽高属性。若任一值为零,对应维度在结果中显示为自动。

生成的 PNG 在哪里?

工具生成的是 Base64 编码的文本数据。您可以将该文本解码为 PNG 文件,或直接在前端通过 data URI 使用。

支持哪些 SVG 属性替换?

仅替换第一个匹配的双引号包裹的 width 和 height 属性。单引号、无引号或其他形式的属性不会被修改。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。