跳到正文

SVG 转 PNG,PNG 转 SVG

把 SVG 渲染成任意尺寸的清晰 PNG,或将 PNG、JPG 描摹成 SVG 矢量图,转换全程在浏览器中完成。

把 SVG 文件拖到这里或点击选择 · 也可用 Ctrl+V 粘贴 SVG 代码
选择 SVG在你的设备上处理,不会上传
在浏览器中运行 · 无需上传工作原理

SVG 与 PNG 互转 使用方法

  1. 1

    载入 SVG

    拖入一个或多个 .svg 文件,或在页面任意位置粘贴 SVG 代码,也可以在代码框中输入,然后点击“渲染 SVG”。

  2. 2

    选择输出尺寸

    可选择 SVG 原始尺寸的 1×、2×、4× 或 8×,也可以输入精确的宽度(最大 16,384 像素),高度会自动按比例计算。

  3. 3

    选择格式和背景

    PNG 会保留透明背景;JPG 和 WebP 提供质量滑块,任何格式都可以用颜色填充背景。

  4. 4

    下载

    保存 PNG,文件名由原文件名和尺寸组成,例如 logo-512x512.png;也可以一次性下载全部文件,得到 svg-to-png.zip。

限制与 Pro

SVG 转 PNG:SVG 文件数量不限,每个文件导出时单边最大 16,384 px,最大 120 兆像素。PNG 转 SVG:一次处理一张图片,最大 25 MB。

Pro 将 PNG 转 SVG 的输入限制提高到最大 4 GB 的文件。 了解 Pro

关于 SVG 与 PNG 互转

SVG 转 PNG 可以把矢量图转换成普通的像素图片。浏览器自带的 SVG 引擎会按你指定的尺寸直接绘制文件,所以把 64 像素的图标导出为 8× 时,得到的是清晰的 512 像素图片,而不是放大后模糊的图。输出尺寸取自 SVG 的 width 和 height 属性,mm、pt、in 等单位按每英寸 96 像素换算;如果没有设置尺寸,则使用 viewBox。PNG 输出保留完整的 Alpha 透明度,并用 OxiPNG 进行无损优化;JPG 不支持透明,会填充白色,你也可以另选颜色。调整设置时预览会同步更新,下载前就能看到确切的结果。

凡是不支持 SVG 的地方都需要 PNG,例如社交媒体和聊天应用、旧版本的 Word 和 PowerPoint、邮件签名、应用商店页面以及许多建站工具。以 2× 或 4× 导出,还能在高分辨率手机屏幕上保持清晰。

由于 SVG 是作为独立图片渲染的,它无法从互联网获取任何内容:通过 URL 引用的外部图片和网络字体不会加载,文字会改用设备上已安装的字体。导出前,请把字体和图片以 data URI 的形式嵌入,或把文字转为轮廓。脚本和动画不会运行,得到的只是单帧静态图。“PNG 转 SVG”标签页则相反,可以把图片描摹成矢量路径。

隐私

渲染由浏览器内置的 SVG 引擎完成,图片由 jSquash WebAssembly 编码器在本标签页的 Web Worker 中编码,这些编码器仅在你添加文件后才从本站加载。SVG 代码和导出的图片都留在你的设备上,不会上传,渲染器也无法代替 SVG 发起网络请求。

功能

任意尺寸都清晰

矢量图会按输出分辨率重新渲染,可导出 1×、2×、4×、8× 或精确的像素宽度。

透明背景

PNG 和 WebP 保留透明度,也可以用任意颜色填充背景。

粘贴 SVG 代码

直接粘贴编辑器或设计工具中的代码,无需文件。

批量导出

用相同设置转换整套图标,并下载 ZIP。

也支持 PNG 转 SVG

切换标签页,即可把 PNG 或 JPG 徽标描摹成干净的矢量路径。

SVG 与 PNG 互转:常见问题

如何把 SVG 转成背景透明的 PNG?
保持默认设置,格式选 PNG,背景选“透明”,然后下载即可。SVG 中没有绘制内容的区域在 PNG 中完全透明,半透明填充和柔和边缘也会保留各自的透明度。JPG 无法存储透明度,所以选择 JPG 时,空白区域会填充白色或你在“背景”中选择的颜色。
SVG 应该导出多大的尺寸?
用于网页时,建议导出为显示尺寸的 2×,例如 300 像素宽的位置导出 600 像素,这样在高分辨率屏幕上依然清晰。应用图标和商店页面通常要求 512 或 1024 像素的正方形。用于印刷时,把英寸宽度乘以 300 即可。矢量图在每个尺寸下都会重新绘制,所以导出得再大也不会模糊。
为什么 SVG 里的字体或图片显示不正常?
作为图片渲染的 SVG 无法下载任何内容,因此来自 Google Fonts 或其他服务器的字体,以及通过 URL 引用的图片都会缺失,文字会改用设备上已安装的字体。请在设计软件中把文字转为轮廓或路径,或把字体和图片以 base64 数据嵌入,再重新导出 SVG 并在这里渲染。
可以一次转换多个 SVG 文件吗?
可以。你可以拖入任意数量的 SVG 文件,它们会显示在列表中,选中的文件会显示预览。尺寸、格式和背景设置对所有文件生效,因此整套图标可以一次以 4× 导出。点击下载后会生成 svg-to-png.zip,其中每个 PNG 都以原文件名和最终像素尺寸命名。
为什么 PNG 的尺寸和我预想的不一样?
基础尺寸取自 SVG 的 width 和 height 属性,按每英寸 96 像素换算为像素,再乘以倍数。如果 SVG 只有 viewBox,就把其中的数值当作像素;两者都没有时,浏览器默认按 300 × 150 处理。想得到与文件无关的精确结果,请选择 px 选项并输入所需宽度,高度会保持比例。

此工具的其他用途

全部图片工具