RevealTheme logo

SVG最佳化工具

從SVG標記中移除不必要的中繼資料、註解和空白字元。

如何使用本工具

  1. 1

    Paste your raw SVG markup into the input box.

  2. 2

    Read the byte count and percentage saved shown above the result.

  3. 3

    Review the minified SVG in the output box to confirm it still renders correctly.

  4. 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.

常見問題

它和SVGO一樣好嗎?
SVGO更為積極(路徑簡化、屬性合併)。本工具則在你的瀏覽器中即時處理最常見的最佳化項目——空白字元、註解、XML標頭。

相關工具