如何减少网络复杂svg的大小?

时间:2015-03-10 13:05:25

标签: html5 svg html5-canvas

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

1 个答案:

答案 0 :(得分:1)

要解决问题,你需要为svg做好准备。我用的是Illustrator。在保存之前,您需要:

  1. 取消组合所有元素
  2. 展开(填充,描边,其他选项) - 转换 到纯曲线
  3. 如果可能,请不要使用渐变和模糊
  4. 使用svgo压缩工具
  5. 此步骤允许我通常缩小尺寸10-50%,取决于图像。