SVG 优化 - 多路径与复杂复合形状

Question

在 Illustrator 或 Inkscape 等编辑器中创建 SVG 时，我很好奇最终输出艺术品的最佳方式。

例如，假设我有一个相当复杂的 svg，可能是一堆随机的徽标形状。所有的 logo 都有相同的填充颜色，所以我自然想将所有 logo 形状合并到一个压缩的复合路径中。

逻辑告诉我，如果 SVG 输出是一个包含整个图像的所有坐标数据的大路径，则文件大小会更小。 （例如，我认为类似于缩小的 js 文件）。

我想知道，如果 SVG 真的以这种方式表现得更好？或者如果我的文件中的每个形状都应该保留为单独的（较小的）路径？

Answer 1

我不知道其他浏览器，但很长的 SVG 路径绘制（10,000+ 个节点）在旧的 webkit/blink 浏览器中速度很慢，但在 Safari 6/最近的 Chrome/iOS7 中得到了显着改进。