SVG/PNG

SVG 转 PNG

按明确尺寸与背景,把离线 SVG 子集渲染成 PNG

矢量图工具
🔒 100% 本地运行 — 你的数据不会离开当前页面
由 Evan 维护•最近更新:2026年9月30日
SVG

最大 2 MB SVG;每边最多 16384 输出像素,总计 6400 万像素。移除主动内容、非本地引用及部分样式;仅作为图片加载,不保证适合内联到其他页面。

PNG 预览

PNG 预览会显示在这里。

工具说明

在浏览器中把不超过 2 MB 的 SVG 源码转换为 PNG。逻辑宽高须为 1–8192 的整数,倍率为 1x–4x;输出每边最多 16384 像素,总计不超过 6400 万像素。SVG 的 viewBox 和 preserveAspectRatio 决定图形在画布中的适配方式。没有 viewBox 时优先使用源文件的绝对尺寸作为坐标范围,否则使用请求的逻辑尺寸。透明输出保留未绘制区域;也可以先填充指定纯色背景。有限的离线 SVG 子集会移除主动元素、动画、foreignObject、其他命名空间、事件属性、非本地引用及部分样式,可以保留文档内片段引用与嵌入的 PNG/JPEG/WebP 数据。SVG 按图片加载,这项清理不是用于之后内联到页面的通用净化器。字体、滤镜、SVG 特性支持及移除的资源都可能改变外观。预览、字节数和下载使用同一份完成的 PNG;修改输入或选项、清空、替换失败后,旧结果立即失效。不保存输入或设置,不上传 SVG 内容。

场景配方

01

以 2x 像素密度导出生产 SVG 图标

目标:保持预期宽高比并生成位图备用素材

  1. 粘贴已评审 SVG,设置目标布局使用的逻辑宽高。
  2. 选择 2x 倍率及需要的透明或纯色背景,然后渲染。
  3. 检查预览和移除项目数量,下载 PNG,并在目标界面的最终 CSS 尺寸下对照。

结果:得到已在实际展示场景中核对的精确尺寸 PNG 备用素材。

常见问题

尺寸限制是什么?

源码不超过 2 MB;逻辑宽高为 1–8192 的整数,倍率为 1–4。最终画布每边最多 16384 像素,总计不超过 6400 万像素。

倍率会改变宽高比吗?

倍率等比增加两边像素。图形是否拉伸、裁剪或留白仍由 SVG 的 viewBox 和 preserveAspectRatio 决定。

可以保留透明背景吗?

可以。开启透明背景时保留未绘制区域的透明像素;关闭后先填充所选颜色再绘制。

哪些 SVG 特性会改变?

离线子集会移除脚本、事件、foreignObject、动画、其他命名空间、非本地引用及部分样式;可以保留文档内片段引用与嵌入的位图数据。

清理提供完整安全保证吗?

不能。这里使用 SVG 图片模式及有限清理策略,不认证原始 SVG 或之后的内联嵌入一定安全。

下载与预览一致吗?

一致。完成的 PNG 以固定 Blob 保存供预览和下载;修改输入或选项后旧结果与下载按钮失效。输入不会保存或上传。

继续浏览