如何将 SVG 转换为 PNG

先了解输入与输出

这款工具用于把 SVG 标记转换成 PNG，适合在需要栅格图像文件或 PNG 数据时使用。你需要提供 SVG 文本；宽度和高度是可选的数字输入，可用来指定转换前的尺寸处理方式。需要注意，输入框可以留空这一点不等于空内容能够转换：空的 SVG 内容会在转换前导致失败。

转换 SVG 的操作步骤

1. 准备一段完整的 SVG 标记，并将其粘贴到 SVG 内容输入框中。内容不能是空值，也应当是工具能够接受的 SVG。格式错误、不受支持或被转换过程拒绝的 SVG，都可能使操作失败。

2. 如果不需要指定尺寸，可以不填写宽度和高度；这两个可选数字的默认值为 0。若需要同时替换 SVG 中的尺寸属性，请同时填写大于 0 的宽度和高度。只有在两个输入都不为 0 时，工具才会替换 SVG 文本中首次匹配的双引号属性，例如 width="..." 和 height="..."。单引号、无引号或其他不匹配的写法不会按此规则替换。

3. 提交转换并查看结果。转换成功后，结果会包含以 base64 文本表示的 PNG 数据、PNG 的字节数，以及报告的宽度和高度。若某个尺寸输入为 0，对应的报告值会显示为自动。

4. 如果没有得到 PNG 结果，先确认 SVG 内容非空且格式可被接受，再检查是否填写了符合预期的尺寸输入。转换还依赖可用的 SVG 转 PNG 支持；该支持不可用时，操作也会失败。

如何阅读转换结果

成功结果中的 base64 文本是 PNG 数据的表示形式，不是可直接阅读的 SVG 标记。字节数用于描述生成的 PNG 数据大小，报告的宽度和高度用于说明本次结果采用的尺寸状态；输入尺寸为 0 时，相应值会报告为自动。

如果你填写了两个非零尺寸，工具只会处理首次匹配的双引号 width 和 height 属性，不能据此推断其他属性写法也会被修改。若 SVG 内容为空、内容无法转换，或所需的转换支持不可用，应把结果视为失败并根据返回的转换错误排查，而不是把失败结果当作 PNG 数据使用。

使用示例

你要把一个带有双引号尺寸属性的 SVG 图标转换成 320×240 的 PNG。

在 SVG 内容中放入一个带双引号 width 和 height 属性的非空 SVG，同时填写宽度 320、高度 240，然后提交转换。

成功结果包含 base64 文本形式的 PNG 数据、PNG 字节数，以及宽度和高度报告；两个输入尺寸均为非零时，报告对应填写的尺寸。

使用限制

• 尺寸替换仅适用于首次匹配的双引号 width 和 height 属性；格式不受支持的 SVG，或缺少所需转换支持时，操作可能失败。

常见错误

• 原因：SVG 内容为空，或标记格式不被转换过程接受。处理：粘贴非空且结构有效的 SVG 后重新提交；如果仍然失败，请根据返回的转换错误检查内容。

常见问题

SVG 内容可以留空吗？

可以，但内容不能为空。空的 SVG 内容会在转换前失败；非空内容仍需能被转换过程接受。

只填写宽度或高度会替换 SVG 中的尺寸吗？

可以，但必须同时提供大于 0 的宽度和高度，工具才会尝试替换首次匹配的双引号 width 和 height 属性。只提供一个非零尺寸不会触发这项替换。

转换成功后会返回什么？

成功时会返回以 base64 文本表示的 PNG 数据、PNG 字节数，以及宽度和高度报告；输入尺寸为 0 的对应报告值会显示为自动。