SVG 转 PNG 在线转换

在浏览器本地把 SVG 光栅化成 PNG,输出尺寸由你定,透明背景保住,不上传任何文件。

留空的那一边会按原比例自动算。图片按你给的框等比缩放,不会被拉变形。

你放进来的文件全部由浏览器本地处理,不会上传,也不会存在我们的服务器上——页面加载完成后即使断网,工具照样能用。

SVG 转 PNG 怎么用

  1. 1把 .svg 文件拖进上面的方框,或者点一下选文件。
  2. 2填一个最大宽度或高度。这一步很关键,因为 SVG 本身没有固定的像素尺寸。
  3. 3点"应用改动",然后逐个下载 PNG,或者把整批打包成 .zip。

为什么这里最重要的是那个尺寸框

本站其他转换器的输出尺寸都是显而易见的:跟输入一样。SVG 不是。它是一套绘图指令,不是一张像 素网格,所以 svg 转 png 这件事的核心其实是"选一个分辨率",这个选择就是整个操作的实质内容。

尺寸留空时,本工具用文件自己声明的值。那个值经常是 24 × 24,因为图标库都是按设计尺寸导出的, 而 24 像素的 PNG 基本不会是谁想要的东西。填上宽度之后,矢量会按那个分辨率重新渲染一遍,边缘 锐到格式允许的极限。和这里所有的位图工具不同,SVG 放大不仅允许,而且是常规操作,因为压根不 存在一个会被拉坏的原始像素网格。

别家转换器常翻车的 viewBox 问题

很多 SVG 只声明 viewBox,不写 widthheight。Figma 和 Illustrator 都是这么导出的, 而且这是合法的:文件说明了自己占据的坐标空间,但不断言物理尺寸。

浏览器对这类文件报告的 naturalWidth 是 0。相信这个数字的转换器会什么都产不出来,或者给你一张 空白图——这正是很多在线 SVG 转换器偏偏在大家最常要转的那类文件上失败的原因。本工具会解析 viewBox,在渲染前把它作为明确尺寸补上,所以这些文件和别的没两样。

字体和外部引用

有两样东西在光栅化时不能可靠地保留,转 logo 之前都值得检查一下。

按名字引用的字体,需要那个字体真的装在做渲染的机器上。缺失时浏览器会默默换一个,你的字标就 变成了默认字体。导出前把文字转成轮廓,风险直接归零。

通过 URL 加载的外部图片和样式表会被拦掉。为了隐私,SVG 是从本地 blob URL 渲染的,那个上下文 取不到远程资源。自包含的文件(几乎所有 SVG 都是)不受影响。

你换到了什么,又交出了什么

你换到一个到处都能用的文件:PNG 在任何编辑器、任何 CMS、任何聊天软件里都打得开,不需要渲染器。

你交出的是可缩放性。PNG 被钉死在你选的那个分辨率上,所以视网膜横幅要一版、favicon 要另一版, 那是两次转换。把 SVG 当母版留着,需要哪个尺寸就现场光栅化一次。

反过来——位图转矢量?

把 SVG 光栅化是容易的那一半。从 PNG、JPG 反推出干净的矢量路径才是难的那一半,这正是我们的 AI 矢量化在做的事:识别形状,还给你一个可编辑的 SVG。

把图片转成 SVG

常见问题

尺寸留空的话转出来是多大?
会用 SVG 自己声明的宽高;如果没声明,就用 viewBox 的尺寸。那个值往往很小,所以一般还是自己填一个明确的尺寸更好。
我的 SVG 没有 width 和 height,能转吗?
能。只带 viewBox 导出的文件在大多数浏览器里报告的尺寸是 0,很多转换器就是在这里失败的。本工具会读 viewBox,在渲染之前把它当成固有尺寸补上。
为什么转出来字体不对?
SVG 里按名字引用字体,就得依赖那个字体装在渲染的机器上。字体缺失时浏览器会自动换一个,你精心调过字距的标识就变成了默认无衬线体。导出前在编辑器里把文字转成路径可以彻底避免这个问题。
透明背景会保住吗?
会。PNG 有完整的 alpha 通道,SVG 里没画东西的地方在 PNG 里仍然是透明的,不会被填成白色。

更多免费工具