Zolkit

SVG 最佳化工具

縮小 SVG 程式碼、移除編輯器 metadata,並減少檔案大小,全程在瀏覽器中完成。

選項
Input
最佳化輸出

免費線上 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. 1

    將 SVG 程式碼貼入輸入框,或將 .svg 檔案拖曳至頁面上。

  2. 2

    在選項面板中確認要移除哪些元素。

  3. 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 最佳化功能已在開發規劃中。