01
粘贴或上传 SVG
在「SVG 代码」中粘贴完整 SVG 标记，上传 .svg 文件，或试用示例。点击「撤销」可恢复之前的代码。
SVG 代码转 PNG
粘贴 SVG 代码或上传 SVG 文件，预览图片并下载 PNG。自由设置尺寸与背景，在浏览器中免费完成。
SVG 代码
等待载入 SVG0 KiB · SVG
PNG 预览
PNG 图片会显示在这里
设置
px
背景
导出倍率
免费导出，无需注册，不消耗积分。
想用 AI 编辑或生成 SVG？打开 SVG 编辑器
可编辑的矢量代码浏览器内导出文件无需登录即可下载
为你的创意准备
打开工作台SVGBase 制作的 SVG 示例
加载图标、标志或图表，编辑代码，查看尺寸和背景如何影响 PNG 导出。
如何将 SVG 代码转为 PNG
三个步骤，把可编辑矢量代码转换为可下载图片。
02
预览并设置尺寸
检查实时预览，调整宽高，并选择透明或纯色背景。选择 1×、2× 或 4×，再检查输出尺寸。
03
下载 PNG
点击下载 PNG，无需注册或消耗积分。SVG 代码仍可在转换器中继续编辑。
SVG 代码转 PNG 是什么？
SVG 使用 XML 代码描述矢量形状、颜色和文字。本工具将支持的 SVG 标记渲染为固定像素尺寸的 PNG 图片。PNG 是位图；如需继续编辑矢量形状，请保留原始 SVG。
为什么将 SVG 导出为 PNG？
文档、演示或发布流程需要位图时，可使用 PNG。按所需尺寸导出图标、标志和图表，透明 PNG 可置于不同背景之上而不额外添加画布底色。
设置 PNG 背景与分辨率
保留透明或添加背景
选择「透明背景」，可让未绘制的像素保持透明；也可选择白色、深色或自定义颜色。SVG 内的背景矩形属于图形内容，如需让该区域透明，请移除或编辑该形状。
先设置像素，再选择倍率
512 × 512 画布以 2× 导出会生成 1024 × 1024 PNG。预览缩放仅影响屏幕显示。输入尺寸每边最多 4096 px，PNG 输出每边最多 8192 px，总像素不超过 16,777,216。
下载前检查预览
支持 SVG 图形、文字、渐变、蒙版、裁剪路径和工作台的受限 CSS 动画。动画转 PNG 时捕获第 1 秒的静态图片，SVG 下载保留运动。SMIL 和不支持的 CSS 会被拒绝；不支持脚本、外部资源、use/symbol 引用、滤镜和嵌入图片。请检查清理后的预览。字体取决于设备，输入上限为 256,000 字节和 1,500 个元素。
SVG 代码转 PNG 常见问题
关于代码、透明背景、尺寸和转换限制的解答。
如何将 SVG 代码转为 PNG？
在「SVG 代码」中粘贴完整的 <svg> 元素。检查 PNG 预览，按需在「设置」中调整尺寸和背景，再点击「下载 PNG」。
可以上传 SVG 文件而不粘贴代码吗？
可以。使用「上传 SVG」打开 .svg 文件。代码会显示在编辑器中，导出前可以继续调整。
如何导出透明 PNG？
在背景设置中选择「透明背景」，再导出为 PNG。SVG 内已绘制的背景形状仍会保留在图片中。
为什么 PNG 仍有白色背景？
SVG 中可能包含白色矩形或其他背景形状。「透明背景」设置不会移除这些形状。请在代码中删除它们或修改其填充颜色，再检查预览。
如何导出更大的 PNG？
增大画布宽高，或选择 2×、4× 导出倍率。输出尺寸显示最终像素尺寸。超过总像素或边长限制的导出会被拒绝。
转换免费吗？需要账号吗？
SVG 转 PNG 免费，无需账号，也不消耗 AI 积分。转换在浏览器中完成，SVG 内容不会上传至转换服务器。AI 辅助是独立功能。
为什么转换后的 SVG 看起来不同？
预览和导出前会移除不支持或不安全的 SVG 特性，设备字体也可能不同。请检查内容移除提示和实时预览；导出的 PNG 使用处理后的 SVG。
可以将 PNG 转回 SVG 吗？
不可以。本页面将 SVG 代码渲染为 PNG。把位图描摹成可编辑 SVG 路径是另一种处理流程，目前不支持。
你的代码，你的 PNG。
粘贴 SVG，自由选择导出方式。
将 SVG 代码转为 PNG