免费 · 浏览器本地运行

SVG 转 PNG 在线转换器

高清 SVG 转 PNG,一次最多 50 个:SVG 文件或粘贴的 SVG 代码,都能转成清晰的 PNG、JPG、WebP 或分层 PSD。可选 1×–8× 倍率、精确像素或打印 DPI;Web 字体和链接的图片会先嵌入,一键还能生成完整的 favicon 和应用图标包。不上传任何文件。

免费,无需注册在你的设备上转换50 个文件 · ZIPfavicon.ico + 应用图标
SVG 转 PNG

手边没有 SVG?试试示例:

在你的设备上转换,文件不会上传到我们的服务器。SVG 中链接的 Web 字体和图片,会由你的浏览器从其所在的服务器下载,以便嵌入。

示例

SVG 转 PNG 示例

六个原创文件,涵盖许多转换器容易出错的内容:Web 字体、链接的照片、HTML 文字标签、毫米尺寸,以及只有 viewBox 的图标。每个示例都会以对应设置在转换器中打开。

品牌字标

通过 @font-face 链接的两款 Web 字体会在绘制前下载并嵌入,然后以 4× 保存为透明 PNG。

线性图标集

六个只有 viewBox 的图标,按 16 到 256 px 导出,每种尺寸一个文件夹。

阳光明信片

链接的照片、渐变、投影滤镜、路径文字和 CSS 类,以白底 JPG 保存。

流程图

draw.io 风格、用 HTML(foreignObject)编写的文字标签保持原位,粗体和换行都完整保留。

A5 活动海报

以毫米为单位设定尺寸。按 300 DPI 的打印尺寸导出,正好得到 1,748 × 2,480 px,DPI 也会写入 PNG。

应用图标

一个正方形 SVG,即可生成 favicon.ico、PNG favicon、Apple 和 Android 图标以及 Web 应用清单(manifest)。

三个步骤

如何将 SVG 转 PNG

添加文件、选择尺寸、下载。一切都在这个浏览器标签页里完成。

  1. 01

    添加 SVG 文件

    拖入、选择或粘贴最多 50 个 .svg 或 .svgz 文件(每个 20 MB),也可以粘贴 SVG 代码,或通过链接载入 SVG。

  2. 02

    选择尺寸和格式

    按 1×–8× 缩放、输入精确像素,或按 DPI 设定打印尺寸。保存为 PNG、JPG、WebP 或分层 PSD,也可以切换到“图标集”或“Favicon 图标包”。

  3. 03

    下载

    保存单个文件,或把全部文件打包成一个 ZIP。任何无法嵌入的字体或图片,都会在对应文件上注明。

为什么选这个转换器

为什么用这款 SVG 转 PNG 转换器

很多转换器会丢失文字,在链接照片的位置显示一张破图,或者悄悄缩小你设定的尺寸。

01

使用浏览器自带的渲染引擎

CSS、渐变、滤镜、蒙版和 HTML 文字标签,都由网页上显示 SVG 的同一个 SVG 引擎绘制。

02

嵌入字体和图片

@font-face、Google Fonts 的 @import 和链接的图片会先下载并嵌入,字体只嵌入文字用到的子集。任何失败的资源都会注明。

03

修复有问题的 SVG 代码

缺少 xmlns、  等 HTML 实体、重复或没加引号的属性、未闭合的标签都会被修复,而不是输出一张空白图。

04

脚本绝不会运行

脚本、事件处理程序和不安全的 HTML 都会被移除,文件以图片方式绘制,在这种方式下脚本本来就无法运行。

05

尺寸如实呈现

下载前会显示输出尺寸和文件大小,绝不会背着你偷偷缩小。

06

Favicon、图标集和 PSD

一键生成 favicon 和应用图标包,按文件夹导出每个图标的全部尺寸,或生成分层 PSD。

效果预期

哪些能精确还原,哪些可能有差异

每个文件都由你的浏览器绘制,转换器会列出它无法包含的内容。

精确还原

  • 路径、形状、描边、标记(marker)、渐变、图案、蒙版和剪切路径。
  • <style> 块和类中的 CSS、不透明度和混合模式。
  • SVG 滤镜,例如模糊和投影。
  • 使用设备上已安装字体的文字,或使用转换器能嵌入的 Web 字体的文字。
  • 所在服务器允许其他网站读取的链接图片,以及已经以 data URL 形式嵌入的图片。
  • foreignObject 中的 HTML 文字标签(draw.io 的写法),移除不安全的 HTML 后照常绘制。

可能有差异

  • 未安装且无法下载的字体会回退到其他字体;文件的提示中会注明。
  • 所在服务器阻止其他网站访问(CORS)的图片和字体会被略过并列出。
  • 从你设备上打开的文件无法访问 logo.png 这类相对链接。请改为通过链接载入 SVG,或把它们嵌入。
  • 带动画的 SVG 只输出第一帧。脚本会被移除,绝不会运行。
  • 指向其他 SVG 文件的 <use> 引用和外部样式表不会被加载。
  • 部分滤镜和混合模式在 Chrome、Firefox 和 Safari 中看起来略有不同。Safari 可能会把 HTML 文字标签导出为纯文本备用内容。

如果文字必须在任何地方看起来都完全一致,请先在设计软件中把文字转曲(转为轮廓),再导出 SVG。

尺寸与 DPI

SVG 转 PNG 尺寸与 DPI 指南

SVG 没有固定的像素尺寸。转换器会读取它的 width 和 height,把 mm、cm、in 和 pt 按每英寸 96 像素换算成像素,或者使用 viewBox,再按你选择的尺寸重新绘制图形。图形绝不是从小位图拉伸放大的。

屏幕尺寸

设置适用于
1×SVG 本身的尺寸,适合已经设定了图片尺寸的网页。
2×默认值:在 Retina 屏幕和大多数手机屏幕上都很清晰。
3× – 4×幻灯片、社交媒体帖子,以及会被放大查看的文档。
8×大幅打印,或之后还要裁剪的作品。
精确像素需要指定宽度或高度时使用,比如帖子要求 1080 px。两项都填,则适配到该尺寸框内。

打印尺寸对应的像素

纸张150 DPI300 DPI
A4(210 × 297 mm)1,240 × 1,7542,480 × 3,508
A5(148 × 210 mm)874 × 1,2401,748 × 2,480
美国信纸(8.5 × 11 in)1,275 × 1,6502,550 × 3,300
照片(4 × 6 in)600 × 9001,200 × 1,800

DPI 本身不会增加像素:它告诉打印和排版软件应该把图片印多大。PNG 把它存在 pHYs 块中,JPG 存在 JFIF 文件头中;WebP 没有存放它的标准位置。“打印尺寸”模式也会用 DPI 计算像素数,所以按 A5 绘制的 SVG 会正好输出上表中的尺寸。

橙色圆角方形应用图标,上面叠着三层白色图层

Favicon 与应用图标

一键生成 Favicon 和应用图标包

添加你的 Logo 或图标 SVG,切换到“Favicon 图标包”,下载一个 ZIP,里面就是网站或 Web 应用所需的全部文件:

  • 包含 16、32 和 48 px 图像的 favicon.ico,以及每种尺寸的 PNG favicon
  • 以你所选底色填充的 180 px apple-touch-icon.png
  • 192 和 512 px 的 Android 图标,以及留有安全区边距的 maskable 图标
  • 清理过的 favicon.svg,以及包含应用名称和主题色的 site.webmanifest
  • 可粘贴到页面 <head> 中的 HTML 标签

需要一整套图标?“图标集”模式会把每个 SVG 导出为你勾选的尺寸,从 16 到 1024 px,每种尺寸一个文件夹。

使用场景

SVG 文件转换后都用在哪里

应用和网页图标

按尺寸文件夹导出 16–1024 px 的整套图标,或生成包含 ICO、Apple 和 Android 图标的 favicon 图标包。

幻灯片和文档

PowerPoint、Keynote、Google 文档和 Word 都支持 PNG;以 2× 或 3× 导出的 Logo 在投影仪上依然清晰。

社交媒体和聊天

大多数社交网络和聊天应用不支持上传 SVG。按精确像素尺寸保存为 PNG、JPG 或 WebP 即可。

打印和 Photoshop

按 DPI 设定打印尺寸并把 DPI 写入文件,或得到每个顶层组一个图层的分层 PSD。

SVG 转 PNG 常见问题

怎样免费将 SVG 转 PNG?

把 SVG 文件拖进本页顶部的转换器,选择尺寸和格式,然后下载。转换在你的浏览器中运行,所以完全免费:无需注册,没有水印,也不消耗积分。

我的 SVG 文件会被上传吗?

不会。文件在你的设备上读取和绘制。只有 SVG 中链接的 Web 字体和图片,会由你的浏览器从它们所在的服务器下载,以便嵌入 PNG。

怎样把 SVG 转成高清 PNG?

选择 2×、3×、4× 或 8×,或者输入精确像素。图形会按该尺寸重新绘制,而不是从小位图放大,所以边缘始终清晰。在电脑上,每边最多 16,384 px、总计约 1 亿像素都能处理(手机上约 1600 万像素);超出时会提示你,绝不会擅自缩小。

为什么 PNG 里的文字字体变了?

SVG 只写明字体名称。如果你的设备没有安装该字体,SVG 也没有从允许下载的服务器(例如 Google Fonts)链接它,浏览器就会换用另一种字体。转换器会在对应文件上注明缺失的字体。链接一款 Web 字体,或把文字转曲,就能解决。

可以一次转换很多 SVG 文件吗?

可以。最多添加 50 个 .svg 或 .svgz 文件(每个不超过 20 MB),并打包成一个 ZIP 下载。“图标集”模式会把每个文件导出为多种尺寸,每种尺寸一个文件夹。

怎样用 SVG 制作 favicon?

添加 SVG,选择“Favicon 图标包”并下载 ZIP。里面有 favicon.ico(16、32 和 48 px)、PNG favicon、180 px 的 Apple touch 图标、192 和 512 px 的 Android 图标、maskable 图标、favicon.svg、site.webmanifest,以及要放进页面的 HTML 标签。

可以保留透明背景吗?

可以。除非你选择了背景颜色,PNG 和 WebP 都会保持透明。JPG 无法保存透明,所以会使用白色或你选择的颜色。

DPI 应该选多少?

用于屏幕显示时无所谓,72 或 96 都可以。用于打印时,选择“打印尺寸”和 300 DPI:转换器会根据 SVG 的物理尺寸算出像素,并把 DPI 写入 PNG 和 JPG 文件。

可以把 SVG 转成带图层的 PSD 吗?

可以。选择 PSD:每个顶层组或形状都会变成一个像素图层,以它的 id 或标签命名,叠在一张完整合成图之上。文字会变成像素,而不是可编辑的文字图层。

打开来源不明的 SVG 文件安全吗?

SVG 文件可能包含脚本。转换器会在绘制前移除脚本、事件处理程序和不安全的 HTML,并以图片方式绘制文件,在这种方式下脚本本来就无法运行。

SVG 转 PNG 在线转换器

现在就把 SVG 转成 PNG

拖入 SVG 文件,选好尺寸,即可下载。免费,并在你的设备上完成转换。

选择 SVG 文件