KOKA-VectorKit 纯前端矢量转换器,提供位图转矢量、矢量转位图与 SVG 优化压缩

KOKA-VectorKitv8.8

纯前端矢量转换与抠图 · 文件从不离开浏览器

框选消除
引擎加载中…
点击即套用整套配置(同时覆盖引擎参数、预处理与后处理设置)。
注意:与引擎上方的「预设」不同 —— 预设只切换引擎档位。
0
实测(多色渐变素材):48–64 色时图形对象数已减少约 60%,视觉几乎无损; 24 色以下开始出现肉眼可见的色带,4–8 色适合专色印刷或扁平化风格。 若素材不含平滑渐变(大色块、线稿),建议选「不限」。
? 把填充色相同的闭合路径做几何布尔并集合并为单一路径,重叠区域真正合并(不同于 SVGO 的字符串拼接)。可大幅减少 CorelDRAW 等软件的对象数量与卡顿。开放线条、描边轮廓、渐变/图案填充、遮罩内对象、位图均不参与。需与「图像预处理」的颜色量化配合,单独使用收益有限。
0.50
? 删除面积小于阈值的孤立碎块(描摹与减色残留的噪点块)。阈值单位为像素面积,建议 4–10;设得过大可能误删细小但真实的元素(如高光点、细小文字笔画)。
6
? 实验功能 · 默认关闭。把结果重新栅格化、与原图逐像素比误差,再对误差最大的少量锚点做坐标下降微调。
实测(Bon Cho 800²):MSE −3.0%、PSNR +0.14 dB,耗时约 6.5 s。
建议优先用「预处理 → 描摹分辨率 ×2」(MSE −53%、约 +1.3 s),收益大得多。
误差未下降时自动整体回滚,不会写回更差的结果。
? 轻度:近直线曲线段转直 + 折线去抖(零变形,对直边图形有效)。
标准:重采样简化 + 全曲线拟合——简化后的轮廓整体拟合成过锚点的平滑曲线,锯齿显著减少,细节与直角保留。
强化:同标准,曲线更饱满、平滑阈值更宽。
硬边保护:直角与锐角不会被磨圆。容差需大于边缘抖动的峰峰值才会删点,建议 0.5 以上。
轻度
后处理在本地完成,决定最终交稿文件里的图形对象数
? 精简冗余节点与坐标精度,通常可减小 30–70% 体积。导入 CorelDRAW 等老软件时可关闭,配合「导出兼容性」使用。
? 把色差极小的填充色归并成同一个色,让「同色路径合并」真正生效。
描摹结果里同一视觉色常带 ±2~3 的色差,不归并就会被当成不同颜色各自成块 —— 这是「色块不合并 / 碎块多」的主因。
v8.6 已修复「合并后复合路径被挖空」的缺陷:bc 实测路径 94 → 53、PSNR 33.07 → 33.04(≈无损失)。
? 删除「近白且包住整个画布」的那条背景路径(同时要求它接近纯白;插画里的大块白色主体不会被误删)。它在编辑器里是一块巨大的白板,移动它会盖住图形;其抗锯齿边也是边缘白晕的来源。预览区本身有白底,删除后观感不变。
? 这是消除「边缘白边」的关键:相邻色块各自抗锯齿会在拼接处留 0.5px 白缝,给每个形状加一条与填充同色的细描边即可盖住(Vector Magic 的「勾画 + 填充」策略)。
⚠️ 切割类流程(乙烯 / 激光 / 绣花)每个形状会被切两次,此类用途请关闭。
? 「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。EPS 无 alpha 通道,半透明会按不透明处理。
预览对比
准备中
点击「导入图片」,或把图片拖到这里
PNG · JPG · WebP · GIF · BMP · 转换全程在本地完成,不产生任何网络请求

输入 SVG

输出设置

92
渲染结果
准备中
载入 SVG 后生成位图
resvg 引擎提供跨设备一致的抗锯齿质量

输入图片

背景色

检测到的背景色 —
自动检测取图像四边多个采样点的中位数,对纯色背景准确率高

抠图参数

30
18
1
1
60
12

输出

透明底建议选 PNG 或 WebP;JPG 不支持透明
抠图结果
准备中
载入一张图片后去除背景
按颜色阈值在本地完成,适合白底商品图、Logo、印章等纯色背景

输入 SVG

? 把填充色相同的闭合路径做几何布尔并集合并为单一路径(几何级合并,非 SVGO 的字符串拼接)。开放线条、描边轮廓、渐变/图案填充、遮罩内对象、位图均不参与。
0.50
? 删除面积小于阈值的孤立碎块。阈值单位为像素面积,建议 4–10;设得过大可能误删细小但真实的元素。
6
? 轻度:近直线曲线段转直 + 折线去抖(零变形)。
标准:重采样简化 + 全曲线拟合,锯齿显著减少,细节与直角保留。
强化:同标准,曲线更饱满。
硬边保护。容差建议 0.5 以上(需大于抖动峰峰值)。
轻度
SVGO 提供路径数据精简、形状转换、样式合并等 30+ 优化插件
2
? 「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。
优化结果
准备中
载入 SVG 后开始优化
SVGO 在本地压缩,不改变矢量外观