工具AI 工具使用指南常见问题打开编辑器
免费 · 浏览器内运行 · 14 种语言

PNG 转 SVG

把 PNG 标志、图标或平面图形转成锐利的矢量 SVG,放大到任意尺寸都不失真。浏览器内运行 —— 免费、不限次数、图片不上传。

把图片拖到这里,或点击选择

本地处理 —— 不会上传任何内容

如何把 PNG 转成 SVG

01

把 PNG 图片拖进框里。最适合标志、图标和平面图形 —— 形状清晰、颜色纯正的图效果最好。文件只留在这个标签页,绝不上传。

02

如果结果细节太多或太少,调一下阈值滑杆。数值越高越能捕捉浅色区域;数值越低只保留最深的形状。

03

点击「转换」。矢量化后的 SVG 出现在下方 —— 任意放大预览都不糊,然后复制代码或下载文件,用于设计软件或网站。

实用技巧

标志与图标:为什么矢量在任何尺寸下都胜过像素

PNG 标志在 200 像素时很完美,到 2000 像素就发糊 —— 像素在导出时就被固定死了。SVG 用数学曲线存形状,同一个文件在名片和广告牌上都锐利清晰。这就是印刷店总问你要矢量文件的原因:一个标志,处处通用。本工具把你的平面 PNG 还原成这些曲线,让一张只有截图的位图标志从此拥有所有未来的尺寸。注意它是重画所见的——低分辨率 PNG 一样能描出干净边缘,但像素里本来就不存在的细节无法凭空造出来。

从平面设计到网页:SVG 在现代网站中的位置

现代网站的图标和插画默认就用 SVG:文件通常比同内容的 PNG 更小,在高分屏上始终锐利,还能用一行 CSS 换颜色。一张只在 64 像素导出过的 PNG 图标在视网膜屏上就是隐患;同样的形状换成 SVG,缩放零成本。如果你在建站、做 logo 页或 favicon 套装,先把平面素材转成 SVG,能直接消灭一整类模糊图片问题。本工具几秒钟给你这个转换,不需要任何设计软件。

矢量化能做什么、不能做什么:诚实的边界

矢量化是重画,不是魔法。给它平面标志,你得到干净、可无限缩放的路径。给它照片,你得到读起来像抽象画的形状色带 —— 工具照样会执行,但结果是风格化诠释,不是复制。渐变和柔和阴影通常是牺牲品:矢量路径只有单一填充色,平滑过渡会变成台阶。阈值滑杆就是为这个取舍存在的 —— 滑到你关心的形状变实、不关心的噪点消失为止。拿不准时,转换前先裁到图形本身:背景越少,描边越干净,SVG 文件也越小。

常见问题

这个 PNG 转 SVG 工具真的免费吗?+

是的。转换全程在你浏览器里进行 —— 没有服务器,就没有收费的理由,也不限制转换数量。

SVG 会和我的 PNG 完全一样吗?+

平面图形几乎完美 —— 标志、图标、纯色形状的矢量化效果极佳。照片和渐变图会被重绘成色带形状,因为矢量化是用曲线重画像素,而不是复制像素。

什么样的图片效果最好?+

边缘清晰、颜色不多的标志、图标、剪贴画和平面插画。纯色界面元素的截图效果也不错。图片越像照片,越不适合矢量化。

转换后还能编辑 SVG 吗?+

可以。文件里是真正的矢量路径而非像素 —— 用 Inkscape、Figma、Illustrator 或任何支持 SVG 的软件打开,改颜色、拖动锚点,任意尺寸导出都不失真。

阈值滑杆是干什么的?+

它决定哪些像素变成形状。比阈值深的像素转成矢量路径,浅的当背景。往上滑能纳入浅色区域,往下滑只保留实心的深色形状。

相关工具