免费SVG转PNG工具

SVG转PNG在线转换器

拖入 SVG 文件或粘贴 SVG 代码,选好尺寸,就能下载清晰的 PNG 图片。也可以转成 JPG 或 WebP。整个过程都在你的浏览器里完成,文件不会上传。

免费,无需注册文件留在你的设备上一次最多 50 个文件

SVG转PNG

在浏览器里转换,不上传任何文件

把 SVG 文件拖到这里

最多 50 个文件,每个不超过 10 MB

转换好的图片会显示在这里。

SVG转PNG转换器一览

AI Vector 的 SVG转PNG转换器是一个免费的网页工具,在浏览器里把 SVG 矢量图转换成 PNG、JPG 或 WebP 图片。它按你选的尺寸重新绘制矢量图,背景可以保留透明,也可以填色。一次最多转 50 个文件,还能打包成 ZIP 下载。

输入
SVG 文件,每个最大 10 MB;也可以粘贴 SVG 代码
输出
PNG、JPG 或 WebP
尺寸
1x、2x、3x、4x,或自定义像素宽度
最大尺寸
16,777,216 像素(约 4096 × 4096),最长边 16,384 px
背景
透明、白色或任意颜色
批量
最多 50 个文件,可以逐个下载,也可以打包成 ZIP
隐私
在浏览器里转换,不上传
价格
免费,无需账号,无水印

使用方法

SVG怎么转成PNG

三步,都在这个页面上完成。

  1. 01

    添加 SVG

    把 SVG 文件拖到页面上的方框里,或者点“选择 SVG 文件”。手上只有一段代码,比如从 Figma、iconfont 或 AI 对话里复制的图标?点“粘贴 SVG 代码”,或者在页面任意位置直接按 Ctrl+V(Mac 上是 Cmd+V)。粘贴代码转 PNG,也是这一步。

  2. 02

    选格式、尺寸和背景

    默认是 PNG。一般的屏幕上,2x 通常够用;大幅打印和 PPT 需要更大的尺寸,就用 4x。也可以直接填一个准确的宽度。背景可以保持透明,也可以换成白色或你想要的颜色。

  3. 03

    下载 PNG

    文件一加进来就开始转换。点文件旁边的“下载”,或者点“全部下载”,拿到一个 ZIP 压缩包。之后改了任何设置,所有文件都会按新设置重新生成。

能做什么

按最终尺寸直接画出来,PNG才清晰

PNG 发虚,多半是把一张小 PNG 硬拉大了。这里不一样,SVG 是直接按最终尺寸画出来的。

每个尺寸都重新画一遍

转换前,工具会先把 SVG 设成目标尺寸,再开始绘制。24 px 的图标选 4x,得到的是直接画出来的 96 px 高清图标,不是从小图放大的。要做一张宽 1200 px 的头图,填 1200 就行,高度按原来的比例自动算出来。

透明背景、白色,或者你的品牌色

Logo 要放在彩色 PPT 或网页上,就保持透明。邮件签名和 Word 文档,用白色更稳妥。需要品牌色,就用取色器,比如公司 VI 手册里那个准确的蓝色。

PNG、JPG 还是 WebP

PNG 和 WebP 都能保留透明区域。SVG转JPG适合用在不需要透明的地方,空白处会填上你选的背景色。

批量SVG转PNG,一次最多 50 个

整套图标一次拖进来,转完打包成一个 ZIP 下载。每个文件都沿用原来 SVG 的文件名,不用一个个重新命名。

转出来的PNG有多大?

1x 就是 SVG 文件里写的宽和高。文件里只有 viewBox 的话,就按 viewBox 的尺寸算。两样都没有,浏览器会把它当成 300 × 150 px,这个工具也一样处理。2x、3x、4x 就是在这个基础上成倍放大。

要打印? 印在纸上清不清楚,看的是像素够不够。打印宽度(英寸)乘以 300,就是需要的像素数。我们平时量的是厘米,先除以 2.54:5 厘米约 1.97 英寸,乘以 300 约 591 px,在“自定义”里填 600 就够了。

设置超过尺寸上限时,输出会按比例缩小,文件旁边会显示提示。

转出来的PNG有多大?
SVG 尺寸1x2x4x
24 × 24 的图标24 × 2448 × 4896 × 96
512 × 512 的 Logo512 × 5121024 × 10242048 × 2048
800 × 400 的图表800 × 4001600 × 8003200 × 1600

SVG和PNG的区别:什么时候该转

SVG 存的是画形状的指令,所以放多大都清晰,改起来也方便。PNG 存的是一格一格固定的像素。平时说的“SVG转图片”,多数时候就是转成 PNG。原文件留着 SVG,遇到不收矢量图的地方,再导出一张 PNG。

SVG和PNG的区别:什么时候该转
SVGPNG
组成形状、路径和文字像素
放大多大都清晰放大会糊
后期修改任何形状、颜色都能改只能在像素上涂改
能在哪打开浏览器、设计软件几乎所有地方

遇到下面这些情况,就该把 SVG 转换成 PNG:

  • 把 Logo 放进 PPT、Word 文档或邮件签名
  • 做朋友圈、小红书或微博的配图
  • 上传到要求 PNG 格式的网站或 App
  • 在聊天软件里发图表或流程图时,SVG 显示成一个文件而不是图片

文件留在你的设备上

SVG转PNG在你的浏览器里完成,用的就是网页显示 SVG 的那套引擎。你的 SVG 文件和转出来的图片,都不会发到我们的服务器。客户的 Logo、还没发布的设计稿,都不会离开你的电脑。

想验证一下?打开这个页面,关掉 Wi-Fi,再转一个文件。照样能用。

我们的图片转矢量图工具不一样,那个工具会把用户添加的图片加密备份。这个 SVG to PNG 工具不保留任何副本。

哪些能转好,哪些要留意

转得好的

  • Logo、图标、插画、图表和流程图
  • 渐变、不透明度、蒙版和滤镜,由浏览器自带的 SVG 引擎绘制
  • 嵌在 SVG 文件里的图片
  • 用电脑上已安装字体的文字,或者已经转成轮廓的文字

要留意的

  • 电脑上没有的字体。 没安装的字体会换成默认字体。比如设计稿用了方正、汉仪这类字体,而你的电脑没装,文字就会变样。导出 SVG 前,先在设计软件里把文字转曲(转成轮廓)。
  • 外链的文件。 SVG 从别的网址加载的图片或字体不会显示。把它们嵌进文件里就行。
  • 动画。 带动画的 SVG 只会保存成一张静态图。
  • 其他格式。 这里不能导出 PDF、ICO 或 EPS。
  • 成千上万个文件。 数量特别大的批量任务,用 Inkscape 或 rsvg-convert 这类命令行工具更合适。

SVG转PNG常见问题

现在试试SVG转PNG

拖进一个文件,选好尺寸,下载你的 PNG。

选择 SVG 文件