SVG 優化器
優化 SVG 文件以減小文件大小
- 檔案不會離開你的裝置
- 在瀏覽器本機執行
- 免費、免註冊、無浮水印
拖放 SVG 檔案到這裡，或點擊選擇
支援 SVG、SVGZ · 也可以用 Ctrl+V / ⌘V 貼上
提示：在頁面任何位置按 Ctrl+V / ⌘V 即可貼上 SVG 程式碼。
如何使用SVG 優化器
在瀏覽器中用 SVGO 壓縮 SVG 檔案。可選預設、穩妥、極限三種組合或逐一開關外掛，與原圖做像素差異比對後，再匯出為 SVG、Data URI 或 React 元件。
- 1
將 SVG 或 SVGZ 檔案拖曳到頁面上，或貼上 SVG 程式碼；點「範例」可載入範例。
- 2
在「最佳化」中選擇「預設」「穩妥」或「極限」，並調整「數字精度」「多次最佳化」和「格式化輸出」。
- 3
可選：展開「外掛」中的分組逐一開關 SVGO 外掛，點「重設」回到預設。
- 4
用「並排」「滑桿」或「差異」比對結果，「差異」檢視中有變化的像素以紅色標示。
- 5
切換到 SVG、Data URI 或 React 分頁，點擊「下載 SVG」或「下載 .jsx」；多個檔案可點「全部下載（ZIP）」。
常見問題
SVG 會上傳嗎？
不會。SVGO 在瀏覽器的背景執行緒中執行，檔案不會離開你的裝置。
最佳化會改變 SVG 的外觀嗎？
預設組合力求外觀不變。「差異」檢視會繪製兩個版本並顯示有變化像素的比例，或提示「視覺上完全一致」。「數字精度」設得太低可能讓細節變形。
含動畫或指令碼的 SVG 該用哪個組合？
用「穩妥」。它不更動結構、ID 與形狀，CSS 選擇器和指令碼仍找得到對應元素。
為什麼「極限」移除了 width 和 height？
「極限」會額外移除標題、寬高與指令碼，適合透過 CSS 或 img 使用的圖示，SVG 會隨容器縮放。想保留尺寸，請在「網頁嵌入」分組中取消勾選 removeDimensions。
Data URI 該用 Base64 還是 URL 編碼？
多數情況下保持「Base64」關閉：URL 編碼的 URI 通常更短，gzip 效果也更好。只有工具要求 Base64 時才開啟。
React 匯出是什麼樣子？
React 分頁會把最佳化後的 SVG 包成以檔名命名的 JSX 元件，屬性改寫成 JSX 寫法，props 會傳給 svg 元素。點「下載 .jsx」即可儲存。