SVG 优化工具

通常我们听到优化 WordPress 网站图片的时候,大多数都专注于优化像素图片(Pixel Pictures),很少会听到优化矢量图形(Scalable Vector Graphics,简称 SVG),也许是比较少使用者的缘故吧!

因为在默认情况下,WordPress 为了网站安全性,是不允许人们上载矢量图形,除非在某些插件(例如:Safe SVG)的帮助下。无论如何,如果您有使用矢量图形,它其实跟像素图片那样可以优化。

原因是 SVG 文件的大小通常都会比网站所需要的大,因为它包含了许多信息,如:doctype、XML Instructions、comments、<metadata>、editor data、attribute whitespace、<title>、<desc>、hidden elements 等,但这些信息对网站的矢量图形并没有什么作用,所以我们可以把它删除以减低文件大小,这也对网站速度优化及页面大小有所帮助。

我们经常使用的是这个简单不错的 SVG 优化工具:https://jakearchibald.github.io/svgomg/,它可以帮助我们删除许多不必要的信息。

SVGOMG - SVGO's Missing GUI 工具
SVG 优化工具

有一点必须注意的是,在默认情况下这个工具会删除 viewBox(Remove viewBox)属性,如果您需要保留 viewBox 属性以便能够正确显示图形,记得必须将它选择为不删除 viewBox 属性哦!:)

其他 SVG 优化工具:

分享:

留下评论