在线 SVG 转 PNG

这个 SVG 转 PNG 工具按浏览器显示的样子输出，网页字体、流程图文字和外部图片都不丢。可选倍率或指定像素，导出 PNG、JPG、WebP 或分层 PSD，免费。

SVG → PNG免费 · 在浏览器里运行

·手边没有 SVG？

在你的设备上转换，文件不会上传到我们的服务器。SVG 里用到的网页字体和外部图片，会由你的浏览器从它们自己的服务器下载，以便正确显示。

  • 免费 SVG 转 PNG，不用注册，无水印
  • 在你的设备上转换
  • PNG、JPG、WebP 和分层 PSD
  • 一次最多 50 个，打包 ZIP

SVG 转 PNG 只需 3 步

添加文件，设好尺寸，然后下载。

  1. 1

    添加 SVG 文件

    拖入、选择或粘贴 .svg、.svgz 文件，一次最多 50 个，单个 20 MB 以内；也能直接粘贴 SVG 代码。

  2. 2

    设置尺寸和格式

    默认 2×，也可选 1×、4×、8× 或输入像素；格式可选 PNG、JPG、WebP 或 PSD。

  3. 3

    下载

    单个下载或打包成 ZIP。哪个文件有问题，就在它下面写明原因和解决办法。

示例

SVG 转 PNG 示例

5 个原创文件，都是很多 SVG 转换器容易出错的类型。

A5 海报SVG → PNG

A5 海报

1,748 × 2,480 px · PNG · 300 DPI

尺寸用毫米写，自动换算成像素，按 300 DPI 存成打印用图。

流程图SVG → PNG

流程图

1,440 × 880 px · PNG · 2×

draw.io 风格，标签在 foreignObject 里，转出来一个字都不少。

日落插画SVG → JPG

日落插画

1,600 × 1,600 px · JPG · 2×

渐变、滤镜和 class 样式按设计显示，加上你选的背景色存成 JPG。

线条图标组SVG → PNG

线条图标组

6 个文件 · 192 × 192 px · PNG · 8× · ZIP

只有 viewBox、没有宽高，按 viewBox 算尺寸，整组打包成 ZIP。

品牌字标 LogoSVG → PNG

品牌字标 Logo

2,800 × 880 px · PNG · 4×

用 Google Fonts 网页字体写成，输出 4× 透明 PNG，字形不走样。

哪些 SVG 转 PNG 效果好，哪些做不到

浏览器先绘制每个文件，工具再检查哪些内容没加载到。

能做好

  • 用 Google Fonts 等网页字体写的 Logo。
  • 只有 viewBox 的图标，整组也行。
  • draw.io 流程图，标签在 foreignObject 里。
  • 带渐变、滤镜和 CSS 样式的插画。

做不到

  • 动画 SVG 只输出第一帧。
  • 服务器不允许读取的字体或图片无法嵌入，说明里会写出是哪一个。
  • 电脑上超过约 1 亿像素、手机上超过约 1,600 万像素时，直接告诉你，不会悄悄缩小。
  • 不能把 PNG 反过来描成 SVG。

建议：屏幕用 2× 就够清晰；打印就输入像素，再选 300 DPI。

为什么用这个 SVG 转换器

很多转换器会丢文字、把外部图片印成红叉，或者悄悄改尺寸。

01

和浏览器里看到的一样

CSS 样式、渐变、滤镜和 foreignObject 标签，都由浏览器自己的 SVG 引擎绘制。

02

网页字体和外部图片不丢

Google Fonts 等网页字体和引用的图片，先下载并嵌入再绘制；失败的逐个列出。

03

出问题时说清楚

每个文件单独列出问题，例如字体没加载到，并说明怎么解决。

04

尺寸诚实

选 1×、2×、4×、8× 或输入像素，下载前就显示输出尺寸；不会背着你改值。

05

按分组导出分层 PSD

每个顶层分组一个 Photoshop 图层，图层名取分组的 id 或标签。

06

批量、ZIP 和打印 DPI

一次最多 50 个，打包成 ZIP。PNG 和 JPG 默认 96 DPI，可选 72、150、300。

SVG 转 PNG 指南：尺寸、字体、格式和 DPI

转换怎么完成，以及怎样转出清晰的图。

SVG 比 PNG 画质更高吗？

两者没有高低，只是原理不同。SVG 用绘图指令记录形状，放大多少倍都清晰；PNG 记录固定数量的像素，但幻灯片、文档、聊天软件和上传表单都能用。PNG 无损、能保留透明，只要按够大的尺寸做 SVG 转 PNG，就看不出任何损失。

SVG 转 PNG 高清：怎么设置尺寸

SVG 没有固定的像素尺寸。工具读取它的宽高，mm、cm、in、pt 按每英寸 96 像素换算；没有宽高就用 viewBox。默认 2×，Retina 屏上文字依然锐利；需要更大就选 4×、8× 或输入像素。形状按新尺寸重新绘制，不是拉伸，所以不会糊。

SVG 转 PNG 时，文字怎么保住字体

电脑上已安装的字体可以直接用。通过 @import 引用的 Google Fonts 等网页字体，会先下载并嵌入再绘制，字形不走样。字体下载不了时，说明里会写出字体名，并告诉你已用替代字体。最稳妥的办法：把文字转曲，再导出 SVG。

流程图、外部图片和 CSS

draw.io 把标签放在 foreignObject 里，也就是 SVG 里嵌的一段 HTML。很多转换器会丢掉，有的软件只显示「Text is not SVG - cannot display」。用浏览器绘制，这些标签都能保留。引用的图片先下载并嵌入；服务器不允许读取的会在说明里写明，不印成红叉。

透明 PNG、JPG、WebP 还是 PSD，以及 DPI

PNG 保留透明，是默认格式。JPG 不支持透明，会填白色或你选的颜色；WebP 文件更小，也能透明。PSD 把每个顶层分组放进单独图层。DPI 不增加像素，只决定打印尺寸。A5 纸宽 148 毫米，按 300 DPI 打印，宽度就设成 1748 像素。

SVG 转 PNG 的常见用途

SVG 转图片的几个常见场景。

  • 网站和文档里的 Logo

    2× 透明 PNG Logo，用在网站、幻灯片和邮件里。

  • 应用和网页图标

    整组图标一次批量转换，打包成 ZIP。

  • 文档里的流程图

    draw.io 流程图保留全部文字，放进知识库和报告。

  • 打印和 Photoshop

    海报按 300 DPI 输出，或导出分层 PSD 继续编辑。

SVG 转 PNG 常见问题

关于文字、画质、批量、隐私、尺寸和 PSD。

现在就开始 SVG 转 PNG

放入 SVG 文件，选好尺寸，然后下载。免费，在你的设备上转换。