简化svg文件中的对象可减小文件大小，6mb减到700kb

技术频道 - html技术

作者:admin 时间:2022-11-3 23:35:23 浏览:

对于一些非常复杂的图像，要处理它们，把7mb的文件，转变成200kb的文件，这个变化是非常惊人的，有一种方法可以优化图像并消除一些复杂性。

方法一：使用 Illustrator 减少文件大小

1、在 Illustrator 中打开 SVG

2、全选

3、点击路径，查找器面板上的合并按钮(Window > Pathfinder )

这将在一定程度上简化图像。事实上，你可以多次点击合并按钮，至少对于你发布的文件而言。很少有诸如“太多合并”之类的事情。一旦对象尽可能地合并，它们将不会进一步合并，因此在第一次单击“合并”按钮后，你无法真正将图像降级到任何真实程度。

使用你的文件，我按了两次合并按钮，这就是事情会减少的程度。

看起来还是差不多。

但是基础结构已经大大简化：

这将包含 37,205 条路径的 5.9mb 文件减少到只有 694k 和 1,464 条路径。

这是删除了超过35,000个对象。

这是从 Illustrator CS6 中保存的直接的、不关注细节的 SVG。我敢肯定，只要注意 SVG 代码文件的大小，就可以再减少一点。但现实情况是，对于所有对象，重建可能是使文件大小低于 500k的唯一方法。

方法二：使用 Illustrator 减少文件大小

首先，如果将 Illustrator 保存为 .AI 文件，该文件通常携带最少的工作包袱。我完全没有改变，这是我下面尺寸截图中的原始（也是最大的）文件。

其次，如果选择所有内容并在 Pathfinder Palette 中选择“合并”，它将合并所有触摸和相同颜色的内容。

合并前：

合并后：

请注意它如何大大简化了段数（浅蓝色线）。另存为 .AI 文件，即标记为“Merged”的文件。因此，只需这样做即可将文件大小减少到原始文件的近 1/3。

最后，合并后的圆心有一个奇怪的星爆，由中心的笔划组成。它们都是相同的笔画粗细，因此你可以选择其中一条线，转到Select-> Same->Stroke Weight选择所有奇怪的笔画并将其删除。

然后，你可以选择全部并再次“合并”以将中心合并为一个形状。这让我得到了标记为“Merged 2”的最小文件大小。

相关文章