Labs · 矢量化工作台
位图进,矢量出。
放大看,不糊。
用开源 VTracer 引擎把 PNG / JPG / WebP 描成干净的 SVG——引擎编译成 WebAssembly 在你的浏览器里本地运行。免费、无限次、不上传。
把图片拖进来,或点击选择
.png / .jpg / .webp(本地处理,不上传)
引擎默认档,大色块画面的均衡起点。
高级参数
转换全程在你的浏览器里完成——图片不上传、不留存,页面加载完断网也能用。
这个工具怎么来的
引擎是开源的 visioncortex VTracer 0.6.5——Rust 写的位图矢量化引擎(GitHub 6,400+ 星,MIT 许可),编译成约 140 KB 的 WebAssembly,跑在页面的 Web Worker 里:主线程不冻结,图片不出设备。 许可与来源全文公示在 vtracer.LICENSE.txt,引擎仓库见 github.com/visioncortex/vtracer。它产出的每份 SVG 头部都带一行「Generator: visioncortex VTracer 0.6.5」——产物自己会报来路。
面板上的五个参数(颜色精细度 / 去斑点 / 拐角阈值 / 曲线拟合 / 分层策略)与引擎命令行版一一对应; 四档预设的数值在 logo、插画、照片三类测试图上实测调过(2026-07)。引擎文件只在第一次描摹时加载, 之后走浏览器缓存。长边超过 2,048px 的图先降采样再描摹,页面会同时亮出原尺寸和处理尺寸—— 矢量化拟合的是形状不是像素,这一步几乎不影响结果,速度却快好几倍。
它做不到什么
照片转矢量在这里是「风格化」不是「还原」:几何描摹引擎把连续色阶切成平色块,色块边界肉眼可见, 产物还常比原图大。想要照片级的矢量重建,付费头部(vectorizer.ai 这类)用服务端 AI 做形状推断,照片上确实比我们强——代价是文件要上传、按月付费。而 logo、图标、插画、印章这类平色输入, 两条路线殊途同归,几何引擎本来就是正解。
它也不会帮你抠图或分出语义图层(每条路径只是一个色块);渐变会被切成色带(渐变重建不在引擎能力内); 需要 2023 年之后的现代浏览器(WebAssembly、模块 Worker、OffscreenCanvas)——太老的浏览器我们直接明说, 不降级到低质量实现。
常见问题
我的图片会被上传吗?
不会。解码、降采样、描摹全部在你浏览器的 Web Worker 里完成,页面加载完之后断网也能用。我们的服务器只负责发这个页面和引擎文件本身。
和 vectorizer.ai 这类收费工具差在哪?
两条技术路线。这里是经典几何描摹(开源 VTracer 引擎):免费、无限次、无水印、文件不出设备;付费头部用服务端 AI 模型做形状重建,照片类输入的还原度确实比我们好。转 logo、图标、插画、线稿,几何引擎就是正解,差距不存在;转照片想要「还原」而不是「海报风」,那是它们的地盘——我们如实说。
什么图转出来效果最好?
平色的:logo、图标、贴纸、插画、漫画上色稿,以及印章和签名(用黑白档)。判断标准很简单——色块越平、边界越清楚,矢量化越干净。照片和重渐变的图会被压成色块海报风。
转出来的 SVG 为什么比原图还大?
矢量文件的大小跟「形状数量」走,不跟像素走。照片类输入的每一小块颜色都是一条路径,几千条路径的 SVG 比 JPG 大很正常。把颜色精细度调低一两档、或换「照片(风格化)」预设,体积能掉一个量级。logo 类输入正相反——产物通常只有几 KB。
转出来的图能商用吗?
你的图你做主:工具不碰文件、不加水印,产物不附带任何来自我们的授权条件。引擎本身是 MIT 开源许可。唯一要留意的是图片本身的版权——格式转换不改变原图的权利归属。