SVG 转 PNG
将受支持的静态 SVG 转换为指定像素尺寸、透明或纯色背景的 PNG。本地完成转换,检查结果后下载与预览相同的已验证图片。
将矢量图制作成 PNG
- 选择一个 SVG 文件或粘贴其 UTF-8 标记。源内容在交给渲染器前会经过检查。
- 使用检测到的视口或指定画布,然后选择原始尺寸、宽度或高度及输出背景。
- 选择“转换为 PNG”,检查并下载结果。更改源内容或设置会使旧图片失效。
了解画布和像素
SVG 的 viewBox 描述的是坐标矩形,并非通用的像素尺寸。转换器优先使用根元素明确指定的尺寸;缺少尺寸时采用文档所述的 viewBox 约定。
自定义视口用于定义源画布。选择输出宽度或高度后,另一像素轴按该画布计算;最终四舍五入为整数可能略微改变宽高比。
PNG 支持透明。预览中的棋盘格不属于文件内容。选择纯色背景会有意用指定的不透明颜色替换透明区域。
文字使用随工具提供的常规字体渲染。请求的字体族、字重、间距或文字系统可能显示不同,也可能缺少字形。如需精确的原图字体效果,请先将文字转为轮廓。
尺寸示例
viewBox 为 10 20 400 200 且未指定根尺寸时,源画布为 400 × 200。选择宽度 1200 会得到 1200 × 600 的 PNG;viewBox 非零原点仍然有效。
viewBox 为 100 × 50 且只指定宽度 200 时,本工具会推导出高度 100。这是本工具的尺寸约定,并不表示所有独立渲染器都以同样方式处理缺失的轴。
3 × 2 的源画布调整到宽度 10 时,需要整数高度 7。小数坐标和抗锯齿仍由固定版本的渲染器处理,并非由尺寸公式重建。
支持静态子集,并非所有 SVG
该子集包括常见路径、形状、分组、文字、样式、渐变、本地复用、裁剪、蒙版、标记以及经过验证的嵌入式 PNG 或 JPEG 图片。不支持的功能会被拒绝,不会悄悄生成不完整结果。
此版本不支持滤镜、图案、动画、脚本、HTML foreignObject、外部资源或嵌套 SVG 图片。部分导出的图片,尤其带有效果或阴影的图片,需要先在其他地方处理。
源内容上限为 4 MiB;输出每轴最多 8192 像素,整张位图最多 8,388,608 像素。结构、嵌入图片、展开、临时表面和时间也有限制。源文件小并不保证渲染开销小。
本工具不保证与浏览器渲染完全相同,也不保证原始字体、ICC 色彩配置文件、打印 DPI 元数据、任意 Unicode 覆盖或保留源元数据。此处 DPI 用于物理单位换算,不代表 PNG 的打印元数据。
一次只转换一个文档。原 SVG 不会被编辑、上传、作为可执行标记预览或替换为可下载的重写 SVG。本工具不提供批量 ZIP、SVG 编辑器或压缩率保证。
使用固定资源在本地转换
转换使用本地 worker 及同源的固定渲染器和字体资源。工具不会上传所提供的 SVG、图片资源或文件内容,不会将其保存到历史记录或放入分享 URL。源内容指定的网络资源会被拒绝。这是对工具数据流的说明,并非对浏览器安全性的通用认证。
SVG 转 PNG 常见问题
资料来源
这些资料说明输入格式及转换配置使用的固定版本,不能保证每个 SVG 或其渲染结果。
- W3Cw3.orgW3C:可缩放矢量图形 1.1
- W3Cw3.orgW3C:SVG 坐标系与画布
- W3Cw3.orgW3C:SVG 链接和资源引用
- W3Cw3.orgW3C:可扩展标记语言 1.0
- W3Cw3.orgW3C:CSS 语法
- W3Cw3.orgW3C:PNG 规范
- registry.npmjs.orgresvg-wasm 2.6.2 软件包
- raw.githubusercontent.com固定版本的 resvg 封装代码
- raw.githubusercontent.com固定版本渲染器:已列出的不支持功能
- registry.npmjs.orgsaxes 6.0.0 软件包
- registry.npmjs.orgCSS Tree 3.1.0 软件包
配置资料核查于 2026 年 11 月 9 日。此工具支持的子集小于渲染器的功能范围;随附字体、缺失字形和颜色解释都可能影响结果。
