PNG 转 SVG。
把 PNG、JPG 或 WebP 图片描摹成矢量路径，得到 SVG。可以选保留几种颜色、边缘贴得多紧，和原图对比效果，然后复制 SVG 代码或下载文件。最适合 logo、图标和扁平插画，全部在浏览器里完成，图片不会上传。
怎么把 PNG 转成 SVG
- 选择一张图片，或者拖到上面的框里：PNG、JPG 或 WebP 都可以。
- 设置颜色数，2 到 24，默认 8。双色 logo 只需要 2 到 3 种；颜色越多，保留的明暗越多，形状也越多。
- 选细节：「精细」紧贴边缘，「均衡」适合大多数 logo，「平滑」曲线更圆、形状更少。
- 转换，把 SVG 和原图对比一下，然后复制代码或下载
.svg文件。
需要注意：
- 最适合 logo 和图标。 描摹会把大块的纯色区域变成形状。照片会变成成千上万个小形状和一个很大的文件，所以照片还是用 WebP 或 JPG。
- 大图会先缩小。 描摹前，图片最长边会缩到 1,000 像素，对 logo 来说足够了，也能让 SVG 保持小巧。
- 描摹不等于原稿。 如果设计师手里还有 SVG、AI 或 Figma 原文件，直接从原文件导出更好。描摹适合只剩位图的情况。
用 Codex 整理 SVG
描摹出来的 SVG 可以直接用，但 Codex 能让它在项目里更好用：点更少、颜色能用 CSS 改，或者变成一个可以导入的组件。
整理描摹出的 SVG
这个 SVG 是我们 logo 的描摹版。在不改变外观的前提下简化路径，删除小于 [2px] 的形状，把主色设为 currentColor 以便用 CSS 修改，并加一个给读屏软件用的 title。然后把它做成一个叫 [Logo] 的 [React] 组件，带一个 size 属性。
常见问题
这个 PNG 转 SVG 工具免费吗？
免费。不用注册，没有水印，也没有每日次数限制。
图片会上传吗？
不会。浏览器在你的设备上描摹图片、生成 SVG。网站只统计工具被用过，从不记录你放进去的内容。
为什么生成的 SVG 这么大？
图片可能颜色很多或有细密的纹理，比如照片或渐变。减少颜色数、选「平滑」，结果下方显示的形状数就会下降。照片不适合转 SVG，用 WebP 更合适。
转出来的 SVG 还能编辑吗？
可以。结果是由填充路径组成的普通 SVG，每个形状一条路径，可以用 Figma、Illustrator 或 Inkscape 打开，也可以直接改代码。