如何减小 web 的复杂 svg 的大小?

How to reduce size of complex svg for web?

我目前正在处理一些复杂的插图,并希望在我的网站上将它们用作 .svg。我尝试使用 .svgz 文件,但在服务器上部署时它们无法正常工作。无论如何我可以减少 .svg 文件的大小。我当前的 .svg 大小高达 2.5 - 3 mb,这是我不想要的。任何建议都会有所帮助。

为了解决问题,您需要准备 svg。我用插画家。保存前您需要:

  1. 解组所有元素
  2. 展开(填充、描边、其他选项)- 转换 到纯曲线
  3. 尽可能不要使用渐变和模糊
  4. 使用svgo压缩工具

此步骤允许我将尺寸缩小 10-50%,具体取决于图像。