每个尺寸都重新画一遍
转换前,工具会先把 SVG 设成目标尺寸,再开始绘制。24 px 的图标选 4x,得到的是直接画出来的 96 px 高清图标,不是从小图放大的。要做一张宽 1200 px 的头图,填 1200 就行,高度按原来的比例自动算出来。
免费SVG转PNG工具
拖入 SVG 文件或粘贴 SVG 代码,选好尺寸,就能下载清晰的 PNG 图片。也可以转成 JPG 或 WebP。整个过程都在你的浏览器里完成,文件不会上传。
SVG转PNG
在浏览器里转换,不上传任何文件
把 SVG 文件拖到这里
最多 50 个文件,每个不超过 10 MB
转换好的图片会显示在这里。
AI Vector 的 SVG转PNG转换器是一个免费的网页工具,在浏览器里把 SVG 矢量图转换成 PNG、JPG 或 WebP 图片。它按你选的尺寸重新绘制矢量图,背景可以保留透明,也可以填色。一次最多转 50 个文件,还能打包成 ZIP 下载。
使用方法
三步,都在这个页面上完成。
把 SVG 文件拖到页面上的方框里,或者点“选择 SVG 文件”。手上只有一段代码,比如从 Figma、iconfont 或 AI 对话里复制的图标?点“粘贴 SVG 代码”,或者在页面任意位置直接按 Ctrl+V(Mac 上是 Cmd+V)。粘贴代码转 PNG,也是这一步。
默认是 PNG。一般的屏幕上,2x 通常够用;大幅打印和 PPT 需要更大的尺寸,就用 4x。也可以直接填一个准确的宽度。背景可以保持透明,也可以换成白色或你想要的颜色。
文件一加进来就开始转换。点文件旁边的“下载”,或者点“全部下载”,拿到一个 ZIP 压缩包。之后改了任何设置,所有文件都会按新设置重新生成。
能做什么
PNG 发虚,多半是把一张小 PNG 硬拉大了。这里不一样,SVG 是直接按最终尺寸画出来的。
转换前,工具会先把 SVG 设成目标尺寸,再开始绘制。24 px 的图标选 4x,得到的是直接画出来的 96 px 高清图标,不是从小图放大的。要做一张宽 1200 px 的头图,填 1200 就行,高度按原来的比例自动算出来。
Logo 要放在彩色 PPT 或网页上,就保持透明。邮件签名和 Word 文档,用白色更稳妥。需要品牌色,就用取色器,比如公司 VI 手册里那个准确的蓝色。
PNG 和 WebP 都能保留透明区域。SVG转JPG适合用在不需要透明的地方,空白处会填上你选的背景色。
整套图标一次拖进来,转完打包成一个 ZIP 下载。每个文件都沿用原来 SVG 的文件名,不用一个个重新命名。
1x 就是 SVG 文件里写的宽和高。文件里只有 viewBox 的话,就按 viewBox 的尺寸算。两样都没有,浏览器会把它当成 300 × 150 px,这个工具也一样处理。2x、3x、4x 就是在这个基础上成倍放大。
要打印? 印在纸上清不清楚,看的是像素够不够。打印宽度(英寸)乘以 300,就是需要的像素数。我们平时量的是厘米,先除以 2.54:5 厘米约 1.97 英寸,乘以 300 约 591 px,在“自定义”里填 600 就够了。
设置超过尺寸上限时,输出会按比例缩小,文件旁边会显示提示。
| SVG 尺寸 | 1x | 2x | 4x |
|---|---|---|---|
| 24 × 24 的图标 | 24 × 24 | 48 × 48 | 96 × 96 |
| 512 × 512 的 Logo | 512 × 512 | 1024 × 1024 | 2048 × 2048 |
| 800 × 400 的图表 | 800 × 400 | 1600 × 800 | 3200 × 1600 |
SVG 存的是画形状的指令,所以放多大都清晰,改起来也方便。PNG 存的是一格一格固定的像素。平时说的“SVG转图片”,多数时候就是转成 PNG。原文件留着 SVG,遇到不收矢量图的地方,再导出一张 PNG。
| SVG | PNG | |
|---|---|---|
| 组成 | 形状、路径和文字 | 像素 |
| 放大 | 多大都清晰 | 放大会糊 |
| 后期修改 | 任何形状、颜色都能改 | 只能在像素上涂改 |
| 能在哪打开 | 浏览器、设计软件 | 几乎所有地方 |
SVG转PNG在你的浏览器里完成,用的就是网页显示 SVG 的那套引擎。你的 SVG 文件和转出来的图片,都不会发到我们的服务器。客户的 Logo、还没发布的设计稿,都不会离开你的电脑。
想验证一下?打开这个页面,关掉 Wi-Fi,再转一个文件。照样能用。
我们的图片转矢量图工具不一样,那个工具会把用户添加的图片加密备份。这个 SVG to PNG 工具不保留任何副本。