SVGOMG

關於 SVGOMG

SVGOMG 是用來縮減 SVG 圖像體積的視覺化工具，也是 SVGO 的圖形操作介面。它把原本涉及標記碼整理與最佳化的工作轉成可調整的選項，適合需要在網頁使用或交付前精簡向量圖檔的設計與開發人員。

使用時可依需求啟閉全域設定與個別清理功能，並顯示原始版本、比較壓縮結果或檢視美化後的標記碼。除了調整數字與路徑精度，也能處理樣式、識別碼、群組、漸層、命名空間及過時屬性，方便在檔案大小與圖像結構之間逐項取捨。

功能特色

主要功能

• 壓縮結果比較：可顯示原始版本並比較壓縮結果，也能切換以 gzip 壓縮後的大小作為比較依據。
• 標記碼與多次最佳化：支援美化標記碼及 Multipass 多次處理，並可設定數字精度與變形精度。
• 文件雜項清理：可移除 doctype、XML 指令、註解、metadata、xmlns、編輯器資料、空白屬性及空容器。
• 樣式最佳化：可合併或內嵌樣式、縮減樣式內容、將樣式轉成屬性，並移除無用的描邊、填色與樣式元素。
• 識別碼與定義整理：可清理識別碼、移除未使用的 defs 與命名空間，並以連結取代重複元素。
• 數值與色彩縮減：可捨入或重寫數字、數字清單、路徑及變形資料，並縮減色彩表示。
• 圖形與路徑轉換：可將形狀轉成較小的路徑、合併路徑，並把非偏心橢圓轉成圓形。
• 群組與屬性整理：可移動父群組或子元素的屬性、折疊無用群組、排序屬性，以及排序 defs 的子元素。
• 不可見與非必要內容移除：可移除隱藏元素、空文字、光柵圖像、超出邊界的路徑、script、title 與 desc。
• 相容性與結構更新：可整理 enable-background、移除過時屬性、以原生 SVG 取代 xlink，並優先使用 viewBox 取代寬高設定。

使用情境

• 在網頁採用 SVG 圖像前，逐項移除註解、編輯器資料、未使用定義及其他非必要內容，以縮減標記碼。
• 整理設計工具產生的 SVG，透過樣式、群組、路徑、數值精度與屬性轉換功能改善輸出結構。
• 在調整最佳化選項時顯示原始版本並比較壓縮結果，依實際差異決定要保留或移除哪些內容。

加入創作邦會員

收藏實用內容、下載免費模板。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• Audacity — 開源錄音與音訊剪輯軟體，剪接、降噪、調整音量、加淡入淡出都做得到。錄 Podcast 旁白或整理影片配音很好上手，完全免費。
• Inkscape — 開源向量繪圖軟體，可以畫插圖、圖示、Logo，也能編輯 SVG 與 PDF。功能接近 Illustrator，Windows、Mac、Linux 都能用，完全免費。
• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。