使用方式
- 1 開啟SVG 優化與代碼壓縮器，輸入、貼上或選擇要處理的內容。
- 2 依需求調整頁面上的選項與格式。
- 3 確認即時結果，再複製或下載可用的輸出。
SVG 優化與代碼壓縮器
在本地優化、清理冗餘代碼並壓縮 SVG，提供優化前後大小對比與即時預覽。
📥
拖放 SVG 檔案至此，或點擊選取檔案
僅支援 .svg 格式，最大 5MB
SVG Code Input
原始大小
0 B
優化後大小
0 B
已節省 0%
SVG 優化選項設定
原始 SVG 預覽
No SVG loaded
優化 SVG 預覽
No SVG loaded
適合的使用情境
在本地優化、清理冗餘代碼並壓縮 SVG，提供優化前後大小對比與即時預覽。適合日常工作、開發、學習或快速驗證時使用。
隱私與資料處理
工具在瀏覽器中運作；處理敏感資料前，仍請確認瀏覽器與裝置環境可信。
SVG 最佳化：清掉編輯器留下的多餘資料，讓圖示更輕巧
從 Illustrator、Inkscape、Figma 或 Sketch 匯出的 SVG，往往帶著許多瀏覽器根本用不到的東西：XML 宣告、DOCTYPE、編輯器註解、metadata 區塊，以及 sodipodi、inkscape 這類只有原始軟體看得懂的命名空間屬性。對單一圖示來說也許只是幾 KB，但網站上有幾十個圖示、或把 SVG 直接嵌入 HTML 時，這些多餘內容就會拖慢載入，也讓程式碼難以閱讀。
本工具提供五個可個別勾選的清理項目：移除註解；移除 XML 宣告與 DOCTYPE；移除 metadata 與 sodipodi、inkscape 等編輯器專用元素；移除編輯器屬性與「未使用」的命名空間宣告；壓縮標籤之間的空白與連續空格。處理後會並排顯示原始與最佳化後的預覽，以及檔案大小與節省的百分比，確認無誤再複製程式碼或下載新的 .svg 檔。
工具採用保守的文字清理方式，不會改寫路徑資料、不會四捨五入座標數字，也不會合併圖形，因此外觀幾乎不會改變；相對地，壓縮幅度通常比 SVGO 這類會重寫路徑的工具小。命名空間只會移除沒有被使用的宣告：例如檔案裡還有 xlink:href，xmlns:xlink 就會保留，獨立的 .svg 檔仍能正常顯示。空白壓縮會略過 <text>（含其中的 <tspan>）、<style> 與 <script> 的內容，xml:space="preserve" 也會保留，因此文字間距與 CSS 不受影響。工具以正規表示式處理，遇到少見的寫法時，仍建議比對預覽後再使用。
所有處理都在瀏覽器中完成，檔案不會上傳。最佳化後的 SVG 若要用在不支援向量圖的地方，例如部分社群平台或 Office 文件，可以再用本站的圖片格式轉換工具轉成 PNG。
常見問題
最佳化會讓圖案變形嗎？
通常不會。工具只移除註解、中繼資料與空白，不改寫路徑或座標。仍建議比對前後預覽。
使用 xlink:href 的 SVG 最佳化後還能正常顯示嗎？
可以。工具只移除沒有被使用的命名空間宣告，檔案中仍有 xlink:href 時會保留 xmlns:xlink；保留下來的帶前綴元素或屬性，其宣告也會一起保留。
和 SVGO 相比有什麼差別？
SVGO 會重寫路徑與數字精度，壓縮率較高但風險也較高；本工具只做保守清理，外觀最安全。
檔案會被上傳嗎？
不會。最佳化完全在瀏覽器中進行。
