如何减小 web 的复杂 svg 的大小?
How to reduce size of complex svg for web?
我目前正在处理一些复杂的插图,并希望在我的网站上将它们用作 .svg。我尝试使用 .svgz 文件,但在服务器上部署时它们无法正常工作。无论如何我可以减少 .svg 文件的大小。我当前的 .svg 大小高达 2.5 - 3 mb,这是我不想要的。任何建议都会有所帮助。
为了解决问题,您需要准备 svg。我用插画家。保存前您需要:
- 解组所有元素
- 展开(填充、描边、其他选项)- 转换
到纯曲线
- 尽可能不要使用渐变和模糊
- 使用svgo压缩工具
此步骤允许我将尺寸缩小 10-50%,具体取决于图像。
我目前正在处理一些复杂的插图,并希望在我的网站上将它们用作 .svg。我尝试使用 .svgz 文件,但在服务器上部署时它们无法正常工作。无论如何我可以减少 .svg 文件的大小。我当前的 .svg 大小高达 2.5 - 3 mb,这是我不想要的。任何建议都会有所帮助。
为了解决问题,您需要准备 svg。我用插画家。保存前您需要:
- 解组所有元素
- 展开(填充、描边、其他选项)- 转换 到纯曲线
- 尽可能不要使用渐变和模糊
- 使用svgo压缩工具
此步骤允许我将尺寸缩小 10-50%,具体取决于图像。