PNG 转 SVG 使用方法
- 1
拖入一张图片
添加 PNG、JPG、WebP 等格式的图片，最大 25 MB。Logo、图标、签名和扁平插画的描摹效果最好。
- 2
选择风格
“黑白”根据亮度阈值生成单色图形；“Color”最多使用 32 种颜色；“精细”最多可用 64 种。
- 3
整理路径
调高“平滑度”可让曲线更圆润，用“噪点过滤”去掉杂点，并按需开启或关闭“去除背景”。
- 4
保存 SVG
将结果与原图对比后，下载 name.svg，或把 SVG 代码复制到你的项目中。
限制与 Pro
每次一张图片，最大 25 MB，最长边最高按 2,000 px 描摹，最多 64 种颜色。
Pro 支持最大 4 GB 的源图片。 了解 Pro
关于 PNG 转 SVG
PNG 转 SVG 会描摹位图中的轮廓，并将其重建为矢量路径，因此结果无论放大到广告牌还是缩小成 favicon，都不会出现像素颗粒。图片会先用中位切分量化器缩减为调色板，在“黑白”风格下则缩减为单一图形颜色，然后由 imagetracerjs 引擎勾勒出每个颜色区域的轮廓。生成的 SVG 中每个颜色图层对应一个 path 元素，保留原图的宽度和高度，还可以去掉背景图层，让 Logo 变成透明。
三档描摹分辨率可在速度与细节之间取舍：“快速”按最长边 800 像素处理，“均衡”按 1,200 像素，“高”按 2,000 像素。“平滑度”从跟随每一个像素台阶的“精确”，到大幅圆化转角的“最大”；“噪点过滤”最多可去除小于 40 像素的孤立小块。预览下方的统计会显示文件的路径数和颜色数，可以大致判断文件会有多大。
适合描摹的对象包括只有 PNG 版本的公司 Logo、扫描的签名或印章、用于刻字机或激光雕刻机的切割文件，以及简单图标。照片则不太合适：效果会像海报化处理，细节丰富的照片还可能生成几 MB 的 SVG，比 JPG 更大也更慢。渐变会变成明显的色带，文字会变成图形而不是可编辑的字符，过细的线条在较低分辨率下可能断开。
隐私
描摹在当前标签页的专用 Web Worker 中运行：图片在你的设备上解码，由 imagetracerjs 量化并勾勒轮廓，SVG 也在本地生成。只有在你选择图片后，才会从本站加载描摹代码。图片和 SVG 都不会上传，关闭页面后也不会保留。
功能
干净的矢量路径
每个颜色图层只有一条精简路径，可缩放到任意大小而不出现像素。
三种风格
“黑白”适合 Logo 和签名，“Color”适合扁平图案，“精细”适合更丰富的插画。
平滑度与噪点过滤
下载前先磨平锯齿台阶，去掉细小杂点。
复制代码
把 SVG 标记直接粘贴到 HTML、CSS 或设计工具中。