SVG 最佳化工具
縮小 SVG 程式碼、移除編輯器 metadata,並減少檔案大小,全程在瀏覽器中完成。
免費線上 SVG 最佳化,立即在瀏覽器中處理
從 Figma、Illustrator 或 Inkscape 等設計工具匯出的 SVG 檔案,往往充斥著編輯器特有的 metadata、註解和格式資料。Zolkit 的 SVG 最佳化工具會清除所有多餘內容,輸出精簡、可直接用於生產環境的 SVG 程式碼。
清除編輯器冗餘資料
移除 Inkscape、Sodipodi 和 Adobe 的 metadata、命名空間及註解,這些都是從設計工具匯出的 SVG 中常見的贅肉。
即時最佳化
純 JavaScript 實作,無需伺服器往返,無 WASM 編譯時間,輸入即見結果。
彈性設定
可切換要移除哪些元素:註解、metadata、title、desc,並可設定座標小數點精度。
100% 私密安全
您的 SVG 程式碼不會離開瀏覽器,在記憶體中最佳化,無伺服器、無記錄。
永久免費
無需帳號、無限制、無付費牆,貼上 SVG 即可下載。
即時預覽
最佳化後立即預覽 SVG 外觀,確認沒有重要元素被誤刪。
如何最佳化 SVG 檔案
- 1
將 SVG 程式碼貼入輸入框,或將 .svg 檔案拖曳至頁面上。
- 2
在選項面板中確認要移除哪些元素。
- 3
複製最佳化後的程式碼,或點擊「下載」儲存檔案。
常見問題
SVG 最佳化工具實際上會移除什麼?
主要包含:XML 宣告、DOCTYPE 宣告、編輯器 metadata(Inkscape/Adobe/Sodipodi 的命名空間和元素)、HTML 註解、<metadata> 區塊以及多餘的空白字元。這些元素對瀏覽器渲染的 SVG 沒有任何作用。
最佳化後會破壞我的 SVG 嗎?
最佳化工具只移除可安全刪除的元素:編輯器 metadata、註解和空白字元,不會移除繪圖元素、路徑、形狀或樣式規則。可透過預覽面板在下載前確認結果。
應該移除 <title> 和 <desc> 嗎?
預設情況下會保留 <title> 和 <desc>,因為它們有助於 SVG 的無障礙存取,螢幕閱讀器會使用它們來描述圖形。僅在 SVG 純屬裝飾性且不需要考量無障礙的情況下才建議移除。
什麼是小數點精度?
SVG 座標(例如 path 的 d 屬性)通常包含很多位小數,例如 123.45678901。將精度降至 2 會得到 123.46。這能在大多數圖形中幾乎不影響視覺效果的情況下縮小檔案大小,圖示 SVG 尤其適合使用精度 1–2。
這和 SVGO 一樣好用嗎?
Zolkit 的 SVG 最佳化工具涵蓋了最重要的最佳化項目:移除 metadata、命名空間、縮小空白字元和降低精度。若需要更進階的轉換(如形狀合併、路徑簡化),SVGO CLI 可以達到額外的節省效果。
可以同時最佳化多個 SVG 檔案嗎?
目前工具每次處理一個檔案,批次 SVG 最佳化功能已在開發規劃中。