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

KOKA-VectorKitv1.4.0

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

引擎加载中…

输入图片

点击即套用整套配置(覆盖引擎参数、预处理与后处理设置)
0
实测(多色渐变素材):48–64 色时图形对象数已减少约 60%,视觉几乎无损; 24 色以下开始出现肉眼可见的色带,4–8 色适合专色印刷或扁平化风格。 若素材不含平滑渐变(大色块、线稿),建议选「不限」。
? 把填充色相同的闭合路径做几何布尔并集合并为单一路径,重叠区域真正合并(不同于 SVGO 的字符串拼接)。可大幅减少 CorelDRAW 等软件的对象数量与卡顿。开放线条、描边轮廓、渐变/图案填充、遮罩内对象、位图均不参与。需与「图像预处理」的颜色量化配合,单独使用收益有限。
0.50
? 删除面积小于阈值的孤立碎块(描摹与减色残留的噪点块)。阈值单位为像素面积,建议 4–10;设得过大可能误删细小但真实的元素(如高光点、细小文字笔画)。
6
? 轻度:近直线曲线段转直 + 折线去抖(零变形,对直边图形有效)。
标准:对曲线路径重采样简化——这是减少曲线节点的关键档位。
强化:标准 + 对浅转角做曲线化,边界更圆润。
直角与锐角受转角阈值保护,不会被磨圆。
注意:容差需大于边缘抖动的峰峰值才会删点,建议 0.5 以上。
轻度
后处理在本地完成,决定最终交稿文件里的图形对象数
? 精简冗余节点与坐标精度,通常可减小 30–70% 体积。导入 CorelDRAW 等老软件时可关闭,配合「导出兼容性」使用。
? 「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。EPS 无 alpha 通道,半透明会按不透明处理。
预览对比
准备中
载入一张图片后开始转换
转换全程在本地完成,不产生任何网络请求

输入 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 在本地压缩,不改变矢量外观