![03c5c923cbc1ebdb30fc7922d8c32f13.png](https://i-blog.csdnimg.cn/blog_migrate/6393e9f694eeefe597b407a7db418bd0.jpeg)
我使用Inkscape,一个免费的开源矢量图形编辑器来制作我的SVG。最初,我刚刚使用默认的Inkscape格式保存了我的SVG,这种格式称为Inkscape SVG。结果证明并不理想......
我们以圆的SVG为例:
![39d749437097215f9321dd3b2a57e13a.png](https://i-blog.csdnimg.cn/blog_migrate/f2abacfb7b215c5c4c66b06df3fac3ea.jpeg)
这是一个简单图标的Inkscape SVG标记:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>image/svg+xml
这基本上有2 KB的大小。
最终(阅读:经过一段令人尴尬的长时间),我发现Inkscape有一个优化的SVG输出格式。这更合理 - 使用Inkscape的默认设置,我优化的SVG标记是:
<?xml version="1.0" encoding="UTF-8