簡單介紹下我寫的SVG在線壓縮合併工具

09-01

簡單介紹下我寫的SVG在線壓縮合併工具

來自專欄張鑫旭的專欄27 人贊了文章

周末兩天在家寫了個SVG在線壓縮合併工具，純前端實現，估計是國內目前唯一的SVG在線壓縮合併工具了。

地址是：SVG在線壓縮合併工具

進去之後看到的是文件上傳操作區：

可以文件選擇上傳（支持多選），也可以拖拽上傳（支持多選），甚至直接粘貼SVG代碼（只能上傳一個）

例如，我選擇三個SVG文件，就會看到類似下面的界面：

其中，上半部分是單文件預覽和下載區，下半部分是SVG Sprites代碼複製和下載區。

上本部分左右兩個多行文本輸入框，其中左側的是壓縮後的SVG代碼，可以單獨下載和複製，下載的是SVG文件，複製的是SVG源碼，可以用在HTML中；右側是壓縮並部分轉義的SVG代碼，只能用在CSS中，因此只有複製按鈕，如果對相關操作有疑慮，可以點擊標題後面的問號按鈕查看。

壓縮原理

壓縮的底層用的是知名的SVG壓縮工具svgo，https://github.com/svg/svgo

因此，壓縮品質大家大可放心。

由於有使用ES6代碼，且包括前端下載等行為IE瀏覽器支持並不好，因此，本工具需要Chrome之類瀏覽器下使用。

以上~

如果你用下來，覺得這個工具不錯，可以加入書籤，也歡迎介紹給其他小夥伴，永久免費！