我使用Inkscape，一個免費的開源矢量圖形編輯器來制作我的SVG。最初，我剛剛使用默認的Inkscape格式保存了我的SVG，這種格式稱為Inkscape SVG。結果證明并不理想......

我們以圓的SVG為例：

這是一個簡單圖標的Inkscape SVG標記：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>image/svg+xml

這基本上有2 KB的大小。

最終(閱讀：經過一段令人尷尬的長時間)，我發現Inkscape有一個優化的SVG輸出格式。這更合理 - 使用Inkscape的默認設置，我優化的SVG標記是：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

盡管如此，這只是387個字節，只是為了繪制一個24x24的圓圈。當然這不是道路的終點，對吧......？

我們的圓圈SVG的最終演變是通過svgo傳遞的結果，svgo是一種專門用于優化SVG 的流行Node.js工具：

102個字節！那更像是它。

以下是渲染時所有3個版本的圓形SVG的外觀：

它們都只是簡單的黑色圓圈，但第三個占用的空間比第一個小20倍。縮小您的SVG！

我如何縮小SVG

當然，我可以在我想要使用的任何SVG上手動運行svgo，但我真正想要的是一種在構建時優化SVG的方法，因為：

• 誰想要記得手動優化每個SVG？！
• 我想繼續使用Inkscape SVG格式，它保留了一些有用的元數據(例如，在下次打開文件時保留會話)。

更多更優質的資訊，請關注我，你的支持會鼓勵我不斷分享更多更好的優質文章。

總結

以上是生活随笔為你收集整理的js svg 转成文件_如何缩小 SVG 文件的大小？去掉冗余的标签，压缩它的大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。