KOKA-VectorKit 纯前端矢量转换器,提供位图转矢量、矢量转位图与 SVG 优化压缩
KOKA-VectorKit
v1.4.0
纯前端矢量转换与抠图 · 文件从不离开浏览器
引擎加载中…
开发者
›
KOKA-VectorKit
纯前端矢量转换 / 抠图
开发者
KOKA(Ri1035)
邮箱
3321692436@qq.com
引擎
VTracer · Potrace · resvg · SVGO
隐私
文件不上传,全部在本地处理
联系我
输入图片
点击选择,或拖拽图片到此处
PNG · JPG · WebP · GIF · BMP
载入示例图
重新转换
模板
引擎
参数
预处理
后处理
输出
点击即套用整套配置(覆盖引擎参数、预处理与后处理设置)
VTracer · 彩色
Potrace · 黑白
›
高级参数
转换尺寸上限
?
矢量化后的色块数随像素数增长,超出实际印刷需要的尺寸只是浪费。吊牌按 300dpi 计算时,1200–1600px 通常已足够。
不限
2400 px
1600 px
1200 px
800 px
中值去噪
清除孤立噪点
保边平滑
?
双边滤波:抹平渐变过渡与纹理,但保留轮廓边界。强度过高会让细小的真实细节一起消失。
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
边缘平滑
?
轻度
:近直线曲线段转直 + 折线去抖(零变形,对直边图形有效)。
标准
:对曲线路径重采样简化——这是减少曲线节点的关键档位。
强化
:标准 + 对浅转角做曲线化,边界更圆润。
直角与锐角受转角阈值保护,不会被磨圆。
注意:容差需大于边缘抖动的峰峰值才会删点,建议 0.5 以上。
轻度
后处理在本地完成,决定最终交稿文件里的图形对象数
SVGO 优化路径
?
精简冗余节点与坐标精度,通常可减小 30–70% 体积。导入 CorelDRAW 等老软件时可关闭,配合「导出兼容性」使用。
导出兼容性
?
标准 SVG 体积更小;CorelDRAW X4 等老软件模式会改用绝对坐标并内联样式,避免导入后图形错位。
注意:老软件模式下会自动跳过 SVGO(其紧凑输出会加剧老解析器出错)。
标准 SVG
CorelDRAW X4 等老软件
CMYK EPS 透明底
?
「下载 EPS」输出印刷用 CMYK 文件;透明底不铺白底矩形,背景即纸张/下承印物,不勾选则输出白底。EPS 无 alpha 通道,半透明会按不透明处理。
位图→矢量
矢量→位图
去背景
优化
开始转换
预览对比
只看结果
下载 SVG
下载 EPS
复制源码
准备中
载入一张图片后开始转换
转换全程在本地完成,不产生任何网络请求
输入 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 在本地压缩,不改变矢量外观