如何减小此交互式 SVG 的大小？

Question

我有一个世界地图的交互式 SVG。我只想能够悬停在主要地区（即拉丁美洲、欧洲）而不是个别国家。然而，我开始的矢量文件将每个国家/地区作为单独的形状。在开始添加 CSS 和 JS 之前，我在 Illustrator 中使用“unite”命令组合了一个区域中的所有国家/地区，但生成的 SVG 仍然具有每个国家/地区的路径，这使得生成的文件变得巨大！有没有一种方法可以将一个区域中的所有国家/地区合并到一个（或至少更少）路径中，以便文件不会太大？您可以在这里看到它的实际效果：https://tribbledesigns.com/world-map-working.html

Answer 1

使用 Adobe Illustrator 中的“简化”可以节省大量成本。您可能需要多次使用它才能减少路径中的点数。

这可能会给您带来更大的节省，而无需手动修复/合并边框。