優化SVG的工具

SVG優化工具一覽

本文將介紹各種SVG優化工具，涵蓋命令行工具、桌面應用、網頁應用、API以及設計軟件自帶功能，並推荐一些深入學習資源。需要注意的是，許多工具不再維護，但依然可用，並且可以結合使用。

命令行工具

• SVGO (目前最流行的工具)
• Scour
• svgcleaner

這些工具雖然不再積極維護，但仍可有效優化SVG。 無需局限於單一工具，可根據實際情況選擇合適的工具組合。

命令行工具與任務運行器結合

• grunt-svgmin
• gulp-svgmin
• gulp-svgo
• svgo-loader (webpack)

這些插件可以將SVGO等工具集成到你的前端工作流程中。

桌面應用

• ImageOptim (macOS)
• macOS “文件夾操作”
• SVGO GUI (已過時，32位)

Windows和Linux系統也有通用的圖像優化軟件，但其對SVG的支持情況需要進一步確認。

網頁應用

這些工具方便你上傳單個SVG文件進行在線優化：

• SVGOMG
• Nano
• Kraken
• SVG Minifier
• SVG optimiser
• svg-editor

API

• ImageOptim Web Service API
• Kraken
• Imgix (需啟用SVG支持)
• Cloudinary (主要用於上傳，優化功能尚不明確)

設計軟件自帶優化功能

設計軟件導出的SVG通常需要優化，但軟件本身也提供一些優化功能：

• Sketch: svgo-compressor (以及SVGito網頁應用)
• Figma: 默認提供一定的優化功能
• Illustrator: SVG NOW
• Inkscape: 可導出“優化SVG”（內部使用Scour）或使用SVGO-Inkscape

深入學習資源

以下文章和視頻將幫助你更深入地了解SVG優化：

• Michelle Barker: Web端SVG優化
• Jayden Seric: 如何優化SVG
• Sara Soueidan: 為Web創建和導出更優質SVG的技巧及實用SVGO優化工具
• Cosima Mielke: SVG編輯、轉換和優化的工具與資源
• Jake Giltsoff: Web端SVG，準備與優化
• Andreas Larsen: Web使用的SVG優化
• Josh Stoik: Web端SVG優化

手動SVG優化

• Raymond Schwartz: 理解和手動改進SVG優化
• Amberd Design Studio: 如何逐步優化SVG文件
• 視頻教程：在Illustrator中減少矢量點
• Kevin Powell視頻教程：如何創建、清理和優化SVG
• Brenda Storer演示文稿：解讀SVG代碼
• Dudley Storey: SVG優化：基礎知識

註釋:

1. 不再維護的工具：SVGO、Scour、svgcleaner。 （更新: SVGO 現已恢復維護。）
2. 維基百科的Johannes Kalliauer指出，每個工具都有其優勢。 SVGO雖然流行，但也存在最多bug。 svgcleaner速度最快。 Scour和svgcleaner還可以修復損壞的SVG，而SVGO則不能。

以上是優化SVG的工具的詳細內容。更多資訊請關注PHP中文網其他相關文章！