SVG最佳化工具
從SVG標記中移除不必要的中繼資料、註解和空白字元。
如何使用本工具
- 1
Paste your raw SVG markup into the input box.
- 2
Read the byte count and percentage saved shown above the result.
- 3
Review the minified SVG in the output box to confirm it still renders correctly.
- 4
Click Copy to put the optimized markup on your clipboard.
什麼是SVG最佳化工具?
從Figma或Illustrator等設計工具匯出的SVG檔案,通常包含瀏覽器並不需要的編輯器中繼資料、XML宣告和冗長的命名空間。本工具會將它們移除:在視覺上毫無差別的前提下,通常能減小檔案大小的20%到60%。
常見使用場景
Shrinking icon SVGs exported from Figma before pasting them inline into a React or Vue component.
Cleaning up Illustrator output that ships with a verbose XML header and editor comments.
Reducing the size of small inline SVGs embedded directly in HTML to trim page weight.
Removing designer metadata and indentation before committing icons to a shared repo.
Quickly checking how many bytes a given SVG can save before reaching for a heavier build-time tool.
Tidying SVG snippets pasted into a CMS or email template where extra whitespace bloats the payload.