|
|
|
|
|
前面文章介紹過Illustrator減小SVG體積的5個技巧,使網(wǎng)頁加載時間從10秒降到2秒。今天我將介紹另一個軟件,Inkscape,使用Inkscape優(yōu)化SVG,最終能把文件從1600kb減到16kb。
下面是3個操作步驟。
要在 Inkscape 中跟蹤簡單的線條圖,請使用這些設(shè)置。
單擊應(yīng)用后,你需要刪除現(xiàn)在位于跟蹤下的光柵圖像。如果你不這樣做,那么這將大大增加文件大小。
在對象面板中(通過單擊對象 > 對象啟用),選擇圖像并將其刪除。
要在沒有 Inkscape XML 的情況下保存 SVG,請執(zhí)行 File > Save As,為你的文件命名。在文件類型下拉列表中選擇“優(yōu)化的 SVG”。
如下所示設(shè)置優(yōu)化的 SVG 輸出選項,然后點擊確定。這將刪除所有 Inkscape 特定的 XML,并且還有助于保持文件大小更小。完成的文件大小約為 48kb 。
如果你簡化路徑,你還可以獲得更小的文件大小 - 在 Preferences > Behavior 中,將 Simplification Threshold 設(shè)置為 0.0002。然后選擇跟蹤的對象并執(zhí)行 路徑 > 簡化。當我嘗試這個時,我能夠?qū)?yōu)化的 SVG 降低到大約 16kb。
本文介紹了使用Inkscape優(yōu)化SVG的方法,減少了SVG體積,就能夠降低網(wǎng)頁加載時間,如使用Illustrator減小SVG體積,網(wǎng)頁加載時間從10秒降到2秒,所以我們應(yīng)盡量把體積較大的SVG文件體積減少。
相關(guān)文章