VectorKit
纯前端矢量转换 · 文件从不离开你的浏览器
引擎加载中…
位图 → 矢量
矢量 → 位图
优化 / 压缩
输入图片
点击选择,或把图片拖进来
PNG / JPG / WebP / GIF / BMP
载入示例图
引擎与预设
VTracer · 彩色
Potrace · 黑白
参数
›
高级参数
开始转换
预览对比
下载 SVG
复制源码
载入一张图片后开始转换
转换全程在本地完成,不产生任何网络请求
输入 SVG
点击选择,或把 SVG 拖进来
.svg / .svgz
输出设置
格式
PNG
WebP
JPEG
缩放
1×
2×
3×
4×
背景
透明
白色
黑色
自定义
背景色
质量
(仅 JPEG / WebP)
92
生成位图
渲染结果
下载图片
载入 SVG 后生成位图
用浏览器原生渲染管线光栅化
输入 SVG
点击选择,或把 SVG 拖进来
支持 .svg 与 .svgz
优化选项
移除元数据与注释
清理多余属性
删除空容器
坐标精度
2
同时输出 SVGZ(gzip 压缩)
开始优化
说明:
这里跑的是本 demo 内置的轻量优化器,处理常见的冗余标记与坐标精度。
SVGO
的完整插件体系依赖 Node 环境,不适合直接搬进浏览器。
优化结果
下载 SVG
下载 SVGZ
载入 SVG 后开始优化
全程本地处理