压缩 SVG

SVG 文件的大小（图像权重）与位图不同，它不取决于以像素为单位的大小，而是取决于代码量。对于大图像，SVG 格式的好处是显而易见的。可以假设 SVG 在文件大小方面总是优于位图，但情况并非总是如此。如果您正在构建网站，您可能熟悉 SVG 文件。它不是一种非常常见的图像格式，但大多数现代网络浏览器都支持它，例如 Google Chrome、Microsoft Internet Explorer 和 Mozilla Firefox。 SVG 代表可缩放矢量图形，是一种基于 XML 的矢量图形格式。 SVG 文件可以针对三个方面进行优化：文件大小、渲染速度和编辑。在大多数情况下，编辑优化是必要的——尤其是对于复杂的绘图。

通过优化可以减少SVG代码量。删除元数据。在图形编辑器（例如 Adobe Illustrator）中保存后，SVG 代码包含很多不必要的信息，删除这些信息会减小文件大小，但不会影响图像。删除不必要的对象。图像可以包含不必要的或隐藏的对象，以及对对象进行分组的标签，删除这些标签不会影响图像。删除未使用的类和标识符。在编辑矢量图像时，图形编辑器可以向标签添加类和标识符，而图像的最终版本不需要这些。标签属性优化。频繁使用的属性可以用 CSS 属性代替：对于大量的元素，这可以显着降低 SVG 的重量。删除不必要的节点。矢量图像中的每个点都反映在代码的体积中：删除不必要的节点将有助于减少其体积。