✒️SVG 编辑

怎么用 SVG 编辑器

1. 把 SVG 代码粘贴到左边的编辑器，或者直接打开一个 .svg 文件，右边会实时重绘。
2. 点优化去掉注释、编辑器元数据、没被引用的 id 和多余空白，并把过长的坐标四舍五入。
3. 导出清理后的 SVG、1×–8× 的 PNG，或者复制成 data URI / CSS url() 直接写进样式表。

常见问题

优化效果和 SVGO 一样吗？

不一样。这里只做保守、安全的清理：注释、metadata、编辑器命名空间、未引用的 id、空白和数字精度。不会重写路径或合并图形，所以渲染结果始终不变。

导出的 PNG 为什么是空白的？

浏览器在沙箱里渲染 SVG，无法访问外部资源。引用了远程图片、远程字体或脚本的 SVG 会渲染成空白，需要先把这些资源内联进去。

data URI 和文件哪个更小？

Base64 会增大约 33%。这个工具生成的是 URL 编码的 data URI，对 SVG 来说通常比 base64 更小，而且在 CSS url() 里可以直接用。