PNG 转 SVG

将 PNG Logo、图标或线稿转成 SVG。对照原图预览,复制 SVG 代码或下载文件。免费,无需注册,图片仅在浏览器中处理。

原图PNG

将 PNG 拖到这里

选择 PNG 文件、将图片拖到这里,或点击转换区域后从剪贴板粘贴图片。

PNG 最大 10 MB · 1600 万像素
PNG 最大 10 MB · 1600 万像素
SVG 结果

转换后的 SVG 会显示在这里。Logo、图标和简单线稿通常效果更好。

等待选择图片SVG
预览背景
仅影响预览,不会改变 SVG 的背景。
转换设置

大图会先缩小再转换。SVG 保留原图比例,单边最大 4,096 px。颜色和边缘的半透明效果可能略有变化。

继续编辑
图片仅在浏览器中处理免费 · 无需注册

如何将 PNG 转换为 SVG

选择图片,检查预览,再保存结果。

01

选择 PNG 图片

选择文件、拖入图片,或从剪贴板粘贴。一次处理一张静态 PNG,最大 10 MB、1600 万像素。

02

检查转换效果

对照原图,放大检查小字和细线,按需调整设置。

03

复制代码或保存文件

“复制 SVG 代码”会将代码复制到剪贴板,“下载 SVG”会将相同的结果保存为文件。

哪些图片更适合转换?

边缘清晰的 Logo、图标和简单线稿通常效果较好。尽量使用清晰的原图,并裁掉多余留白。放大模糊图片无法补回丢失的细节。照片、渐变和阴影转换后可能出现明显的色阶或色块。

复制 SVG 代码或下载文件

用于网页时,可以复制 SVG 代码;需要在设计软件中打开时,可以下载 .svg 文件。两种方式得到的矢量图形相同,都支持缩放和编辑。转换会重新生成图形轮廓,仅修改文件后缀无法实现同样的效果。

不同图片,怎么选设置?

可以先使用默认设置,再根据图片内容和预览效果调整。

Logo 和图标

简单 Logo 可以从 4 或 8 色开始。如果原本不同的颜色混在一起,再试 16 或 32 色。检查填色和字母内部的留白是否正确。增加颜色有助于保留层次,但也会增大文件体积。

线稿和签名

深色线条搭配浅色或透明背景时,可以选择“黑白”。圆点或细线缺失时,尝试“精细”和“保留全部”。工具会沿线条边缘生成图形,不能还原原来的画笔笔迹。

小字和细线

保存前请放大检查小字和细线。大图会先缩至长边最多 768 px 再处理,先裁掉多余留白有助于保留细节。细节缺失时可尝试“精细”和“保留全部”。如果文字必须准确还原,建议使用原始矢量文件,或用正确字体重新输入。

怎样让转换效果更好?

根据预览中出现的问题,尝试下面的调整方法。

颜色混在一起,或边缘不够平滑

不同颜色合并时,可以增加颜色数量。边缘粗糙时尝试“精细”,圆点或细线缺失时尝试“保留全部”。杂点较多的图片,可以减少颜色并选择“轻度”过滤。一次调整一个设置,再对照预览检查效果。

为什么还是有白底?

PNG 中的白色背景会保留到 SVG 中。需要透明背景时,请先用图片编辑器去除白底,再转换处理后的 PNG。背景按钮只影响预览,不会改变导出文件。

SVG 文件太大

颜色和细节较多时,SVG 可能比原 PNG 更大。可以减少颜色、选择“简化”或加强细小图形过滤,同时确认重要细节仍然保留。对于照片,PNG 往往是更合适的格式。

PNG 转 SVG 常见问题

PNG 转 SVG 是免费的吗?

是的。转换、预览、复制代码和下载文件均免费,无需注册,也不会添加水印。

图片会被上传吗?

不会。转换在浏览器中完成,PNG 原图和生成的 SVG 都不会发送到转换服务器。

SVG 会与 PNG 完全一样吗?

不一定。图片会被重新描成矢量图形,部分细节可能发生变化。简单 Logo 和图标通常效果较好,保存前请检查小字、渐变和半透明边缘。

可以保留透明背景吗?

可以保留 PNG 已有的透明背景,半透明边缘可能略有变化。白底不会自动去除,切换预览背景也不会改变导出文件。

可以只导出 SVG 代码吗?

可以。切换到“SVG 代码”,点击“复制 SVG 代码”即可。下载的文件包含相同代码。

为什么无法完成转换?

部分图片处理时间较长,或转换结果超出复杂度限制。可以减少颜色、选择“简化”或加强细小图形过滤,同时检查重要细节是否保留。裁掉不需要的内容也可能有帮助。

转换后还能修改文字吗?

文字会变成图形,无法像普通文本那样直接修改,原来的字体也不会恢复。需要修改内容或准确保留字体时,建议在设计软件中重新输入文字。

可以在 Figma、Illustrator 或 Inkscape 中编辑结果吗?

可以。将下载的文件导入设计软件,或点击“继续编辑”,在本站编辑器中打开。SVG 中的图形可以编辑,但不会还原原始图层。同色图形可能共用一条路径,需要先拆分才能单独编辑。

可以用于 Cricut 或其他切割机吗?

可以尝试导入切割软件,但本工具不会检查图案是否适合切割。建议从简单、颜色少的图案开始,切割前检查尺寸、孔洞和细小的独立图形。画笔绘图通常需要单线,而这里生成的是沿边缘描出的轮廓,请在目标软件中确认。

为什么 SVG 文件比原 PNG 更大?

SVG 需要保存绘制各个形状的指令,细节丰富时,可能比 PNG 的压缩像素占用更多空间。减少颜色、选择“简化”或加强过滤,可以减小文件。建议比较两种格式,选择更适合项目的一种。

支持 JPG 或批量转换吗?

本页一次处理一张 PNG,不支持 JPG、WebP、动态 PNG 或批量转换。其他格式请先保存为 PNG,再逐张处理。每张最大 10 MB、1600 万像素,单边不超过 8,192 px。

如何在网页中使用 SVG 代码?

点击“复制 SVG 代码”,粘贴到 HTML 中;也可以下载文件,在网页中作为图片使用。使用 React 或其他 JSX 框架时,可能需要调整部分 SVG 属性名。添加后,请在浏览器中检查尺寸和显示效果。

将 PNG 转成 SVG

选择图片,预览结果,再复制代码或下载文件。

转换 PNG