将位图图像转换为可缩放矢量图形的在线工具，智能识别色块和轮廓，自动生成高质量 SVG 文件，转换后可无损缩放，适用于网页设计、图标制作和印刷品等场景。

功能特点

自动矢量化

上传 PNG、JPG 等位图格式图像，工具自动分析颜色分布和形状轮廓，转换为由路径和形状组成的 SVG 矢量图形。支持彩色和黑白两种模式，适配不同类型的图像。

实时预览对比

转换完成后直接在页面对比原图和 SVG 效果，支持左右拖动对比滑块，清晰查看转换前后的差异，确保转换质量符合要求。

丰富参数调节

提供多种参数选项，可根据图像类型和质量要求调整转换效果：

聚类模式

彩色：保留图像颜色信息，适合彩色插图和照片
二值：转换为黑白两色，适合简单图标和线稿

层次模式

堆叠：图层按顺序叠加，适合大多数图像
镂空：内层图形镂空外层，适合特殊效果

路径模式

无：不优化路径，保留原始轮廓
多边形：使用直线段组成轮廓，文件较小
样条曲线：使用平滑曲线，效果更自然

精度控制

斑点过滤：过滤小于指定像素的噪点，范围 0-20
颜色精度：颜色量化级别，1-8, 数值越大颜色越丰富
路径精度：路径简化程度，1-10, 数值越大细节越多
图层差异：图层颜色差异阈值，0-255, 控制图层分离程度

形状优化

角点阈值：识别为角点的角度，0-180 度
长度阈值：路径段最小长度，0-20 像素
拼接阈值：路径拼接容许角度，0-180 度

使用方法

点击上传区域选择图像文件，支持 PNG、JPG、WebP 等常见格式
点击"设置"面板调整参数（可选）:
- 彩色照片或插图使用"彩色"模式
- 简单图标或 Logo 使用"二值"模式
- 需要平滑效果使用"样条曲线"
- 需要小文件使用"多边形"
- 颜色精度建议设置 6-8 获得较好色彩还原
- 路径精度建议设置 6-8 平衡细节和文件大小
点击"转换"按钮开始处理，等待进度条完成
在结果面板查看对比效果，拖动滑块对比原图和 SVG
点击"下载 SVG"保存矢量图形文件

应用场景

网页图标制作

将 PNG 图标转换为 SVG 格式，可在网页上任意缩放而不失真，文件体积更小，加载速度更快。

Logo 矢量化

将位图 Logo 转换为矢量格式，从名片到广告牌都能保持清晰，方便在不同尺寸场景使用。

印刷品准备

转换为 SVG 后可无限放大，确保任何尺寸下都清晰锐利，满足印刷对高分辨率图像的要求。

动画制作

SVG 图形可使用 CSS 或 JavaScript 轻松制作动画效果，为网页增加交互性和视觉吸引力。

使用技巧

获得最佳转换效果

选择合适的原图

使用高清晰度原图，边缘清晰的图像转换效果更好
背景简洁的图像转换后文件更小，质量更高
避免使用压缩严重或模糊的图片

参数设置建议

简单图标：二值模式 + 多边形路径 + 低颜色精度 (1-3)
彩色插图：彩色模式 + 样条曲线 + 中等精度 (5-7)
复杂照片：彩色模式 + 样条曲线 + 高精度 (7-8)

优化文件大小

降低颜色精度和路径精度可减小文件
增加斑点过滤可去除不必要的细节
使用多边形模式代替样条曲线
对于简单图形，使用二值模式

多次调整优化

如果首次转换效果不理想，可尝试：

调整聚类模式看二值或彩色哪个更合适
增加或减少颜色精度改变色彩层次
修改路径模式改变轮廓平滑度
调整斑点过滤去除噪点

每次修改参数后需重新点击"转换"按钮。

注意事项

转换过程在浏览器本地完成，不会上传图像到服务器，保护隐私安全
转换时间与图像大小和复杂度成正比，复杂图像可能需要较长时间
SVG 文件大小受颜色数量和细节影响，复杂图像可能生成较大文件
照片类图像转换为 SVG 后文件可能比原图更大，不建议转换照片
适合转换的图像包括 Logo、图标、插图、卡通画等轮廓清晰的图形
转换后的 SVG 可在矢量图形编辑软件中进一步编辑
某些特殊效果可能无法完美转换
下载的 SVG 文件已包含完整的 XML 声明和命名空间定义，可直接使用

图片转 SVG