✨
免費SVG 最佳化與壓縮工具
清除後設資料、合併空白並四捨五入小數,大幅縮小 SVG 檔案體積——通常可縮減 30–70%。視覺化預覽確保效果不變。
載入後可離線使用
將檔案拖放到此處或點選瀏覽
SVG · 無強制大小限制
或按 Ctrl+V 從剪貼簿貼上
— 或在下方貼上 SVG —
你的檔案永遠不會離開你的裝置。所有處理都在你的瀏覽器中本地進行。
工作原理
此工具使用完全在你的瀏覽器中執行的手寫最佳化器減小 SVG 檔案大小——沒有庫、沒有伺服器。它結合兩輪處理:使用瀏覽器內建的 DOMParser/XMLSerializer 進行屬性級的精度處理,並使用針對性的正則替換去除註解、後設資料和摺疊空白。
- 1DOMParser 清理 SVG在任何最佳化之前,瀏覽器的 DOMParser 將 SVG 作為 XML 讀取並遍歷每個元素。script 標籤、事件處理常式(任何 on* 屬性)、動畫元素和外部 URL 引用會被無條件移除——無論你選擇哪些最佳化選項,這一步都會執行。
- 2基於 DOM 的小數舍入如果啟用小數舍入,最佳化器會第二次遍歷解析後的 DOM,只對已知的數值屬性(path d 資料、座標、transform 值、描邊寬度等)進行舍入,使用的正則能符合單個浮點數,而不會破壞 .5.5 這樣拼接在一起的路徑值。
- 3正則處理清理序列化後的標記XMLSerializer 產生規範化的 XML,然後針對性的字串替換會去除 HTML 註解、Inkscape/Sodipodi 編輯器後設資料、XML 宣告、多餘的預設屬性(如 version="1.1")以及標籤間的空白——每一輪處理範圍都很窄,絕不會觸及文位元組點內容。
- 4Gzip 大小與匯出格式瀏覽器的 CompressionStream API 會計算輸入和輸出的真實 gzip 大小,因為這才是決定網路傳輸成本的實際因素。最佳化後的 SVG 可以下載、複製為原始 SVG、轉換為適用於 React JSX 的駝峰式屬性,或編碼為 CSS data URI——所有轉換都在本地進行。
你的 SVG 完全在瀏覽器標籤頁中讀取和處理——檔案資料絕不會離開你的裝置。