SVG 转 PNG
按自定义尺寸和倍率把清理后的 SVG 渲染成透明或纯色背景 PNG
矢量图工具
🔒 100% 本地运行 — 你的数据不会离开当前页面由 ToolsKit 编辑团队维护•最近更新：2026年8月23日•最近复核：2026年8月23日
工具说明
SVG 转 PNG 工具把粘贴的 SVG Markup 渲染到精确尺寸的浏览器 Canvas，并导出 PNG。可设置逻辑宽高，选择 1x 到 4x 输出倍率，保留透明背景或填充指定颜色。渲染前会移除 script 与 foreignObject 元素、事件处理属性，以及明确的外部 HTTP、Protocol-relative 或 file 资源引用。结果区显示最终像素尺寸、编码后的 PNG 字节数和已移除的不安全项目数量。清理可以降低常见主动内容风险，但不是针对恶意 SVG 的完整安全边界。浏览器字体可用性、不支持的 Filter、色彩管理、外部字体与实现相关 SVG 特性都可能改变位图结果，因此生产素材仍应在目标浏览器和最终显示尺寸下进行视觉检查。
场景配方
01
以 2x 像素密度导出生产 SVG 图标
目标：保持预期宽高比并生成位图 Fallback
- 粘贴已评审 SVG，设置目标布局使用的逻辑宽高。
- 选择 2x 倍率及需要的透明或纯色背景，然后渲染。
- 检查预览和移除项目数量，下载 PNG，并在目标界面的最终 CSS 尺寸下对照。
结果：得到已在真实显示场景视觉检查的精确尺寸 PNG Fallback。
常见问题
PNG 可以保留透明背景吗？
可以，保持透明背景开启；也可以关闭后选择纯色填充。
输出倍率会改变什么？
它会放大 Canvas 像素尺寸，同时保持相同逻辑宽高比，适合生成高像素密度结果。
会移除哪些不安全 SVG 特性？
渲染前会移除 Script、foreignObject、事件属性，以及明确的外部 HTTP、Protocol-relative 或 file 资源 URL。
清理能提供完整安全保证吗？
不能，它阻止常见主动特性，但不能当作处理恶意或不可信 SVG 的完整 Sanitizer。
为什么字体或 Filter 看起来不同？
栅格化使用当前浏览器、已安装字体及其 SVG 实现；资源不可用或效果不支持都会改变输出。
SVG 会上传吗？
不会，解析、清理、图片加载、Canvas 渲染、PNG 编码和下载都在本地完成。
继续浏览