KOKA-VectorKit 纯前端矢量转换器,提供位图转矢量、矢量转位图与 SVG 优化压缩
KOKA-VectorKit
v8.8
纯前端矢量转换与抠图 · 文件从不离开浏览器
框选消除
引擎加载中…
开发者
›
KOKA-VectorKit
纯前端矢量转换 / 抠图
开发者
KOKA(Ri1035)
邮箱
koka2996978242@outlook.com
引擎
VTracer · Potrace · resvg · SVGO
隐私
文件不上传,全部在本地处理
联系我
模板
引擎
参数
预处理
后处理
输出
检测中…
套用推荐
一键配置全部参数
点击即套用
整套配置
(同时覆盖引擎参数、预处理与后处理设置)。
注意:与引擎上方的「预设」不同 —— 预设只切换
引擎档位
。
VTracer · 彩色
Potrace · 黑白
ImageTracer · 实验
›
高级参数
转换尺寸上限
?
矢量化后的色块数随像素数增长,超出实际印刷需要的尺寸只是浪费。吊牌按 300dpi 计算时,1200–1600px 通常已足够。
不限
2400 px
1600 px
1200 px
800 px
中值去噪
清除孤立噪点
对比度感知降噪
?
默认关闭。
只抹平"局部对比度低"的像素(压缩噪点/杂色),
完整保留真实边缘
。用于让「去噪」可以用
更小
的阈值:细节留得更多,同时噪声碎块不回来。
实测(bc 1024²):配合「去噪 4」时 PSNR
+1.74 dB
(32.75 → 34.49,该尺寸下历史最佳);干净插画上则几乎无变化(本来就没噪声可去),约 +180ms。
压缩过或带明显噪点的照片/素材最有效。
描摹分辨率
?
×2(推荐)
:描摹前把位图放大 2 倍,边缘台阶减半。
实测四张图全部不亏
:小图 +0.6~+1.6dB,碎块数不增;大图(Bon Cho 1280²)PSNR +3.3dB,代价约 +1s。
×3 只对低分辨率线稿/印章有效
:366px 曼陀罗 +3.7dB,但碎块变成 2.5 倍、体积 5.7 倍、耗时约 19 倍;
扁平色块图会掉 2dB,纹理图掉 0.4dB
,×4 掉得更多。不是「越细越好」。
「自动」= 仅短边 <800px 的小图放大 ×2(默认);「关闭」= 按原尺寸描摹。
关闭
自动(预算内 ×2)
×2(稳妥)
×3(仅线稿;扁平图会变差)
保边平滑
?
双边滤波:抹平渐变过渡与纹理,但保留轮廓边界。强度过高会让细小的真实细节一起消失。
0
颜色数上限
?
中值切割量化:把位图颜色压到指定上限。这是减少色块最有效的一项——印刷吊牌通常 4–12 色即可。「不限」则不改动颜色。
不限
4 色(专色 / 扁平)
8 色
16 色
24 色
32 色
48 色(推荐)
64 色
实测(多色渐变素材):
48–64 色
时图形对象数已减少约 60%,视觉几乎无损; 24 色以下开始出现肉眼可见的色带,4–8 色适合专色印刷或扁平化风格。 若素材不含平滑渐变(大色块、线稿),建议选「不限」。
同色路径合并
?
把填充色相同的闭合路径做
几何布尔并集
合并为单一路径,重叠区域真正合并(不同于 SVGO 的字符串拼接)。可大幅减少 CorelDRAW 等软件的对象数量与卡顿。开放线条、描边轮廓、渐变/图案填充、遮罩内对象、位图均不参与。需与「图像预处理」的颜色量化配合,单独使用收益有限。
锚点简化容差
px
0.50
碎块清理
?
删除面积小于阈值的孤立碎块(描摹与减色残留的噪点块)。阈值单位为像素面积,建议 4–10;设得过大可能误删细小但真实的元素(如高光点、细小文字笔画)。
面积阈值
px²
6
重栅格化精修
?
实验功能 · 默认关闭
。把结果重新栅格化、与原图逐像素比误差,再对误差最大的少量锚点做坐标下降微调。
实测(Bon Cho 800²):MSE −3.0%、PSNR +0.14 dB,耗时约 6.5 s。
建议优先用「预处理 → 描摹分辨率 ×2」
(MSE −53%、约 +1.3 s),收益大得多。
误差未下降时自动整体回滚,不会写回更差的结果。
边缘平滑
?
轻度
:近直线曲线段转直 + 折线去抖(零变形,对直边图形有效)。
标准
:重采样简化 +
全曲线拟合
——简化后的轮廓整体拟合成过锚点的平滑曲线,锯齿显著减少,细节与直角保留。
强化
:同标准,曲线更饱满、平滑阈值更宽。
硬边保护:直角与锐角不会被磨圆。容差需大于边缘抖动的峰峰值才会删点,建议 0.5 以上。
轻度
后处理在本地完成,决定最终交稿文件里的图形对象数
SVGO 优化路径
?
精简冗余节点与坐标精度,通常可减小 30–70% 体积。导入 CorelDRAW 等老软件时可关闭,配合「导出兼容性」使用。
导出兼容性
?
标准 SVG 体积更小;CorelDRAW X4 等老软件模式会改用绝对坐标并内联样式,避免导入后图形错位。
注意:老软件模式下会自动跳过 SVGO(其紧凑输出会加剧老解析器出错)。
标准 SVG
CorelDRAW X4 等老软件
近似色合并
?
把色差极小的填充色归并成同一个色,让「同色路径合并」真正生效。
描摹结果里同一视觉色常带 ±2~3 的色差,不归并就会被当成不同颜色各自成块 —— 这是「色块不合并 / 碎块多」的主因。
v8.6 已修复「合并后复合路径被挖空」的缺陷:bc 实测路径 94 → 53、PSNR 33.07 → 33.04(≈无损失)。
剥离白色背景层
?
删除「近白且包住整个画布」的那条背景路径(同时要求它接近纯白;插画里的大块白色主体不会被误删)。它在编辑器里是一块巨大的白板,移动它会盖住图形;其抗锯齿边也是边缘白晕的来源。预览区本身有白底,删除后观感不变。
同色描边补偿
?
这是消除「边缘白边」的关键
:相邻色块各自抗锯齿会在拼接处留 0.5px 白缝,给每个形状加一条
与填充同色
的细描边即可盖住(Vector Magic 的「勾画 + 填充」策略)。
⚠️ 切割类流程(乙烯 / 激光 / 绣花)每个形状会被切两次,此类用途请关闭。
CMYK EPS 透明底
?
「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。EPS 无 alpha 通道,半透明会按不透明处理。
位图→矢量
矢量→位图
去背景
优化
开始转换
预览对比
导入图片
重新转换
只看结果
下载 SVG
下载 EPS
下载 DXF
复制源码
准备中
点击「导入图片」,或把图片拖到这里
PNG · JPG · WebP · GIF · BMP · 转换全程在本地完成,不产生任何网络请求
输入 SVG
点击选择,或拖拽 SVG 到此处
.svg · .svgz
输出设置
格式
PNG
WebP
JPEG
尺寸倍数
1×
2×
3×
4×
8×
背景
透明
白色
黑色
自定义
背景色
质量
JPEG / WebP
92
渲染引擎
resvg(高精度)
浏览器原生
超采样
抗锯齿
关闭
2×
4×
位图→矢量
矢量→位图
去背景
优化
生成位图
渲染结果
下载图片
准备中
载入 SVG 后生成位图
resvg 引擎提供跨设备一致的抗锯齿质量
输入图片
点击选择,或拖拽图片到此处
PNG · JPG · WebP · GIF · BMP
载入示例图
背景色
自动检测
手动指定
取样颜色
检测到的背景色
—
自动检测取图像四边多个采样点的中位数,对纯色背景准确率高
抠图参数
颜色容差
30
边缘软度
18
边缘收缩
去白边
1
羽化
1
去色溢出
60
去噪强度
12
恢复默认参数
输出
格式
PNG(无损)
WebP(更小)
输出底
透明
白色
黑色
保留原图
自定义
底色
透明底建议选 PNG 或 WebP;JPG 不支持透明
位图→矢量
矢量→位图
去背景
优化
开始去背景
抠图结果
只看结果
下载图片
准备中
载入一张图片后去除背景
按颜色阈值在本地完成,适合白底商品图、Logo、印章等纯色背景
输入 SVG
点击选择,或拖拽 SVG 到此处
.svg · .svgz
矢量后处理
›
同色路径合并
?
把填充色相同的闭合路径做
几何布尔并集
合并为单一路径(几何级合并,非 SVGO 的字符串拼接)。开放线条、描边轮廓、渐变/图案填充、遮罩内对象、位图均不参与。
锚点简化容差
px
0.50
碎块清理
?
删除面积小于阈值的孤立碎块。阈值单位为像素面积,建议 4–10;设得过大可能误删细小但真实的元素。
面积阈值
px²
6
边缘平滑
?
轻度
:近直线曲线段转直 + 折线去抖(零变形)。
标准
:重采样简化 +
全曲线拟合
,锯齿显著减少,细节与直角保留。
强化
:同标准,曲线更饱满。
硬边保护。容差建议 0.5 以上(需大于抖动峰峰值)。
轻度
优化选项
›
启用 SVGO 完整优化
SVGO 提供路径数据精简、形状转换、样式合并等 30+ 优化插件
移除元数据与注释
删除空容器
坐标精度
2
同时输出 SVGZ(gzip)
CMYK EPS
›
导出时使用透明底
?
「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。
位图→矢量
矢量→位图
去背景
优化
开始优化
优化结果
下载 SVG
下载 SVGZ
下载 EPS
准备中
载入 SVG 后开始优化
SVGO 在本地压缩,不改变矢量外观