QQuickKit

SVG 最佳化工具

清理與精簡 SVG 程式碼,移除編輯器多餘屬性、註解與不必要的 metadata,縮小 SVG 檔案體積並保持圖形完好。

關於此工具

QuickKit SVG 最佳化工具透過移除編輯器產生的多餘內容來清理並縮小 SVG 程式碼——包括 XML 宣告、註解、Inkscape 與 Sodipodi 的 metadata 元素、多餘的命名空間宣告,以及不必要的空白字元。結果是一份更精簡的 SVG 檔案,視覺渲染完全相同,但體積更小、更適合嵌入 HTML 或作為靜態資源部署。

功能特色

  • 移除編輯器 Metadata — 清除 Inkscape、Sodipodi、Dublin Core(dc:)、RDF 及其他編輯器特有元素,對視覺渲染毫無影響。
  • 移除 XML 註解 — 刪除所有 XML 註解以縮減檔案體積。
  • 空白字元壓縮 — 壓縮標籤之間及屬性內的多餘空白,輸出更緊湊的 SVG。
  • 體積報告 — 顯示原始大小、最佳化後大小及縮減百分比,讓您清楚看見效果。
  • 一鍵複製 — 點擊即可將最佳化後的 SVG 複製至剪貼簿,直接貼入程式碼使用。

常見問題

最佳化後 SVG 的視覺效果會改變嗎?
不會。本工具只移除 metadata 和編輯器特有元素,不影響渲染。建議最佳化後在瀏覽器中確認一次效果。
會移除哪些屬性?
移除 inkscape:*、sodipodi:*、dc:*、cc:* 和 rdf:* 等屬性與元素,這些是 Inkscape 等編輯器自動注入的。不會動到 id、class、style、transform 或路徑資料。
可以用於正式環境的 SVG 嗎?
可以,本工具就是為此設計的。若需要更積極的最佳化(如路徑合併、屬性摺疊),建議搭配 SVGO 等專業工具。
為什麼縮減比例有時很小?
若 SVG 本身是手工編寫或已經過最佳化,幾乎沒有多餘的編輯器內容可移除。從 Illustrator 或 Inkscape 直接匯出的 SVG 通常有最大的最佳化空間。

延伸閱讀