使用说明
Generated by AI
图像转 SVG
将位图图像转换为可缩放矢量图形的在线工具，智能识别色块和轮廓，自动生成高质量 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 声明和命名空间定义，可直接使用
