技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

使用Inkscape优化SVG,文件从1600kb减到16kb

作者:admin    时间:2022-11-3 21:42:41    浏览:

前面文章介绍过Illustrator减小SVG体积的5个技巧,使网页加载时间从10秒降到2秒。今天我将介绍另一个软件,Inkscape,使用Inkscape优化SVG,最终能把文件从1600kb减到16kb。

下面是3个操作步骤。

1、在Inkscape跟踪简单线条图

要在 Inkscape 中跟踪简单的线条图,请使用这些设置。

 2、删除光栅图像

单击应用后,你需要删除现在位于跟踪下的光栅图像。如果你不这样做,那么这将大大增加文件大小。

在对象面板中(通过单击对象 > 对象启用),选择图像并将其删除。 

 

3、优化 SVG 输出

要在没有 Inkscape XML 的情况下保存 SVG,请执行 File > Save As,为你的文件命名。在文件类型下拉列表中选择“优化的 SVG”。

如下所示设置优化的 SVG 输出选项,然后点击确定。这将删除所有 Inkscape 特定的 XML,并且还有助于保持文件大小更小。完成的文件大小约为 48kb 。

如果你简化路径,你还可以获得更小的文件大小 - 在 Preferences > Behavior 中,将 Simplification Threshold 设置为 0.0002。然后选择跟踪的对象并执行 路径 > 简化。当我尝试这个时,我能够将优化的 SVG 降低到大约 16kb。

结论

本文介绍了使用Inkscape优化SVG的方法,减少了SVG体积,就能够降低网页加载时间,如使用Illustrator减小SVG体积,网页加载时间从10秒降到2秒,所以我们应尽量把体积较大的SVG文件体积减少。

相关文章

标签: SVG  Inkscape  
x
  • 站长推荐