VecUp · 在线图片矢量化工具,纯浏览器端 PNG 转 SVG

想把一张 PNG 位图变成可以无损放大、任意缩放的 SVG 矢量图?VecUp 是一个纯浏览器端的图片矢量化工具,不需要安装软件、不需要上传图片,打开网页就能用。

VecUp 是什么

VecUp 是 ByteNote 出品的一个网页工具,它做的事情很纯粹:把 PNG/JPG 位图通过算法转换成 SVG 矢量图。整个处理过程在你的浏览器里完成,图片不会上传到任何服务器,完全本地化,隐私安全。

工具地址:https://vecup.bytenote.net/

核心特性

• 纯浏览器处理:图片不上传,所有计算都在本地完成
• 四步管线:颜色量化、轮廓追踪、路径简化、曲线平滑,每一步都可调
• 四个实时参数滑块:颜色数量、简化容差、斑点清理、曲线平滑
• 调色板自动提取:矢量化后自动给出主色板及各颜色占比,点击即可复制色值
• 双格式输出:可下载 SVG 矢量图,也可下载 PNG 预览
• 9 种语言界面:中文、英语、日语、韩语、西语、法语、德语、俄语、葡语
• 响应式布局:手机、平板、桌面通吃

怎么用

打开网站后,默认会加载一张演示图给你看效果。换成自己的图也很简单:

1. 打开图片:点击右上角「打开图片」按钮,或者直接把图片拖到窗口里
2. 调参数:四个滑块实时调整矢量化的精度和风格
   • 颜色数量:控制输出 SVG 用几种颜色,2 到 24 之间
   • 简化容差:路径锚点的简化程度,数值越大锚点越少、文件越小
   • 斑点清理:小于多少像素的零碎色块会被丢弃
   • 曲线平滑:0 保留直角折线,100 圆角最强
3. 下载:点「下载 SVG」拿矢量图,或下载 PNG 看位图效果

每次改完滑块,右侧 SVG 结果会即时重算,顺手的话还能复制调色板里的色值用到别处。

适用场景

VecUp 适合做这几类事:

• 把 Logo 位图重制成可缩放矢量,贴大不糊
• 把照片转成波普艺术风格,做海报、Banner
• 提取一张图的主色板,给设计配色做参考
• 把图标、插画的位图版本转回矢量,方便二次编辑

技术实现

工具的核心是一个纯 TypeScript 写的矢量化引擎,完全不依赖第三方图像库,管线包括中位切分颜色量化、裂缝跟随轮廓追踪、共线点剔除、Ramer–Douglas–Peucker 路径简化、二次贝塞尔曲线平滑。引擎是纯函数无 DOM 依赖,设计上和界面彻底分离。

整个项目无后端、无追踪,部署在 Cloudflare Pages 上,访问速度快。

上手试试

如果你经常需要把位图转矢量,又不想装笨重的桌面软件,VecUp 是个轻便的选择。打开网站拖张图进去就能看到效果,试试看吧。

工具地址:https://vecup.bytenote.net/