关于 Any2SVG

Any2SVG 是什么？

Any2SVG 是一款免费的图像转 SVG 转换器，能直接在你的浏览器中将光栅图像转换为可缩放矢量图形。无需注册账号，无需付费订阅，输出文件也没有水印。你只需上传图片，按需调整几个设置，然后下载即用型 SVG 文件。

该工具支持最常见的光栅格式：PNG、JPG/JPEG、WebP、GIF、BMP、TIFF 和 AVIF，单张图片大小限制为 10 MB。由于输出格式为 SVG，你可以将其缩放到任意尺寸，不会出现位图放大时的像素化问题。

Any2SVG 专为需要快速获得标志、图标、插画或图形矢量版本的用户打造。它最适合处理高对比度、形状清晰的图像。照片和包含细微渐变的图像也可以转换，但结果是一种风格化的矢量近似，而非像素级的完美复制。

图像矢量化的工作原理

当你将图像拖入 Any2SVG 后，转换过程分为三个阶段。首先，浏览器将源文件渲染到 HTML Canvas 元素中，为工具提供原始像素数据。其次，ImageTracer.js——一个客户端 JavaScript 库——对这些像素数据进行描摹，它会检查每个像素、将相似颜色分组，并围绕每个颜色区域绘制矢量路径。

描摹算法会将图像量化为有限的调色板，然后生成 SVG 路径元素来近似这些颜色区域之间的边界。锐利的边缘和高对比度的边界会转化为干净紧凑的路径。柔和的渐变和摄影纹理则会产生更复杂、更不可预测的结果。

需要理解的是，这一过程创建的是原始图像的矢量近似，而非 1:1 的完美复制。标志、图标和线条画等简单图形能生成最干净的 SVG。复杂的照片虽然也可以转换，但输出效果看起来会像源图的风格化色块版本。要了解更多关于光栅图像和矢量图像的区别，请参阅我们的光栅图像与矢量图像指南。

矢量化控制详解

Any2SVG 提供了多项控制选项，帮助你微调描摹算法对图像的解读方式。了解这些设置有助于你针对具体用途获得最佳 SVG 输出。

颜色数量决定描摹器创建多少个不同的颜色区域。颜色越少，SVG 文件越简单、越小，形状也越大块。颜色越多，能捕捉更精细的细节，但文件大小和路径复杂度也会增加。对于标志和图标，较少的颜色数通常效果最好。

细节级别控制描摹路径对像素边界的贴合程度。细节越高意味着更紧密的曲线和更多的锚点，精确度提高但文件变大。细节越低则路径越平滑，还能去除噪点。

路径优化通过移除冗余点和拉直接近线性的线段来简化生成的路径。优化程度越高，文件越干净、越小。坐标精度设置路径坐标使用的小数位数。小数位越少文件越小，但会有轻微的位置舍入。

图层模式决定颜色区域是相互叠加还是并排放置。模糊预处理在描摹前对光栅图像施加轻微的高斯模糊，有助于减少照片中的噪点。可选的 viewBox 设置允许你独立于像素尺寸定义 SVG 坐标系。

标志的推荐起始设置：使用较少的颜色、较高的路径优化和适中的细节。对于色调范围更丰富的插画，可以增加颜色数量和细节级别。

支持的格式与批量转换

Any2SVG 接受七种光栅图像格式作为输入：PNG、JPG/JPEG、WebP、GIF、BMP、TIFF 和 AVIF。每个文件最大 10 MB。输出格式始终为 SVG。

你可以使用批量模式同时转换多张图片。将多个文件选择或拖入转换器，调整矢量化设置，然后一次性完成转换。完成后，你可以将所有结果一次性下载为 ZIP 压缩包，压缩包在浏览器中使用 fflate 压缩库生成。

转换之前，你还可以使用预处理工具。调整大小功能允许按宽度、高度、精确尺寸、百分比或常用屏幕预设来缩放图像，并提供可选的放大开关。裁剪工具提供缩放和宽高比控制，包括自由裁剪和 1:1 正方形预设。自动方向校正读取 EXIF 方向标签并相应旋转图像，确保手机拍摄的照片在描摹前正确显示。

相关指南

我们持续更新文章和指南库，帮助你充分利用图像转换功能并了解相关格式。以下两篇文章与本页内容互为补充：

• 图片元数据（EXIF）：定义、风险及移除方法 — 了解你的照片携带了哪些元数据、为什么这可能是隐私隐患，以及如何在分享或转换前将其移除。
• 光栅图像与矢量图像 — 了解基于像素和基于路径的图形之间的根本区别，以及为什么 SVG 是网页上可缩放视觉内容的首选格式。