跳到正文
SPCXTools

SVG转PNG

将SVG矢量图形转换为任意尺寸的清晰PNG图片,并保留透明度。

本地运行——文件不会离开你的设备

正在加载工具…

如何使用SVG转PNG

  1. 1选择缩放比例(对于高分屏,2×是较好的默认选项)或输入精确的像素宽度。
  2. 2保持勾选透明背景,或取消勾选并选择背景颜色。
  3. 3选择SVG文件或将其拖放到页面中。每个文件都会立即转换。
  4. 4逐个下载PNG文件,或打包为ZIP全部下载。

将 SVG 矢量图转换为 PNG

SVG 是 Logo、图标和插画的理想格式:它体积小巧,可无损缩放至任意大小,始终保持清晰。但许多平台仍不支持 SVG 文件——社交网络、邮件客户端、办公文档、应用商店、部分内容管理系统以及大多数图片编辑器通常只接受常规位图。本转换器可直接在您的浏览器中将 SVG 文件渲染为 PNG 图片,尺寸精准契合您的需求,并完整保留透明背景。

功能特点

  • 缩放预设 提供 1×、2×、4× 和 8× 选项,或指定精确的 像素宽度。
  • 矢量级清晰输出:图像会按目标尺寸重新渲染,绝不会拉伸模糊。
  • 默认 透明背景,也可设置为任意纯色背景。
  • 支持一次性 批量转换 多个 SVG 文件,并打包为 ZIP 下载。
  • 根据 SVG 的尺寸或 viewBox 保持 正确的宽高比。
  • 隐私安全:文件均在本地处理,绝不会被上传。

选择合适的尺寸

用途 建议尺寸
网站图标或 Logo 实际显示尺寸的 2×
应用图标 512 × 512 或 1024 × 1024 px
Favicon 宽度 32、180 和 512 px
社交媒体头像 宽度 400–800 px
幻灯片和文档 宽度 1000–2000 px
印刷/打印 宽度(英寸)× 300

由于 SVG 不受分辨率限制,导出比实际需求更大的尺寸,之后再缩小 PNG 图片完全没问题。以 2× 比例导出,可以在 Retina 等高密度显示屏上呈现清晰锐利的效果。

为什么我的 PNG 看起来不一样?

大多数 SVG 文件都能完美转换。出现差异通常是因为 SVG 引用了外部资源:

  • 网络字体:无法加载通过 Google Fonts 或样式表链接的字体,因此文本会使用默认字体。请在导出前,在设计工具中将文本转为轮廓(转曲)。
  • 外部图片:通过 URL 或文件路径引用的图片会被拦截。请将其作为 Data URL 嵌入到 SVG 中。
  • 动画:SVG 中的动画只会截取第一帧。

相关工具

需要更小的文件体积?请使用图片压缩处理 PNG,或使用 PNG 转 JPG 进行转换。要更改现有位图的尺寸,请使用调整图片大小;如需在其他格式之间转换,请使用图片格式转换。

常见问题

放大后 PNG 会模糊吗?
不会。SVG 在转换为像素前会按目标尺寸重新渲染,因此 4 倍或 8 倍大小的 PNG 与原始矢量图一样清晰——这并不是简单的位图放大。
输出尺寸是如何计算的?
工具会读取 SVG 的宽度和高度(如果未设置尺寸,则读取 viewBox),并乘以您选择的缩放比例。如果您输入了宽度,则使用该宽度,高度将按原始宽高比自动缩放。
背景是透明的吗?
默认是透明的。SVG 未绘制的区域在 PNG 中会保持透明。取消勾选该选项可使用任意颜色填充背景,这对于会将透明背景显示为黑色的应用非常有用。
为什么 PNG 中的字体或图片看起来不一样?
出于安全考虑,浏览器会在隔离环境中渲染 SVG 文件,因此无法加载外部资源(如链接的 Web 字体、图片或其他文件及 URL 中的样式表),文本会使用备用字体。请将文本转为路径或在 SVG 中嵌入图片,以获得完全一致的效果。
我的文件会被上传吗?
不会。SVG 文件完全由您的浏览器在本地设备上读取和渲染,绝不会发送到服务器。
我能生成的最大 PNG 尺寸是多少?
宽度最高可达 16,384 像素,总像素最高约 2.68 亿。生成超大图片需要大量内存,在手机上尤为明显。