設計工具匯出的圖示
輸入
含中繼資料、註解、巢狀群組、長小數座標與 ID 的 SVG
輸出
保留 viewBox 且可做視覺比較的精簡 SVG
AppHelp
SVG 最佳化與壓縮工具
在瀏覽器本機使用 SVGO 最佳化 SVG，調整數字精度與清理選項，比較圖像、原始與 Gzip 大小，再複製或下載結果。
SVG 最佳化工作台
調整結構清理設定，比較圖像與程式碼，替換正式素材前檢查原始及 Gzip 大小。
1. 輸入 SVG
2. 最佳化設定
工具始終保留 viewBox。請先驗證 CSS、動畫和片段參照，再啟用 ID 壓縮或結構改寫。
常見任務
- SVG 最佳化與壓縮工具
- SVGO
- SVG
快速答案
在瀏覽器本機使用 SVGO 最佳化 SVG，調整數字精度與清理選項，比較圖像、原始與 Gzip 大小，再複製或下載結果。
使用步驟
- 1. 貼上或開啟 SVG貼上 SVG 程式碼或選擇小於 2 MB 的檔案；範例包含中繼資料、ID、漸層、群組及小數。
- 2. 選擇最佳化設定從註解、中繼資料、群組整理、屬性排序、多輪處理與適中精度開始；確認嵌入環境後再變更 ID 或尺寸。
- 3. 比較圖像、程式碼和傳輸大小切換原始與最佳化預覽，檢查程式碼、原始位元組與 Gzip 大小。
- 4. 測試並匯出閱讀提示，在實際 CSS、動畫、圖示集與無障礙情境中測試，再複製或下載。
範例
響應式內嵌 SVG
輸入
包含 width、height 與 viewBox 的 SVG
輸出
可選擇移除尺寸並保留 viewBox 縮放；移除前請檢查 CSS 尺寸。
常見情境
- 發布前縮減圖示與插圖大小
- 清理從設計工具複製的 SVG
- 比較原始與 Gzip 節省量
- 保留 viewBox 的響應式內嵌圖片
- 檢查活動、外部或點陣圖內容
注意事項
- 最佳化不是安全淨化。不可信的 SVG 應視為活動內容，內嵌前須採用獨立的安全政策。
- 變更 ID 可能破壞 CSS、動畫、漸層、遮罩、濾鏡、片段、指令碼與外部參照。
- 精度過低可能使小圖示、複雜路徑、地圖或技術圖變形。
- 移除 width 與 height 會改變固有尺寸；請測試 viewBox 與最終 CSS 版面。
- 內嵌點陣圖、字型與外部資源可能佔據主要傳輸大小。
- HTTP 通常使用 Gzip 或 Brotli，原始檔案變小不代表傳輸量等比例下降。
功能特點
- SVGO 4 本機最佳化、多輪處理與數字精度設定
- 比較原始與最佳化圖像及程式碼
- 原始大小、節省比例與 Gzip 指標
- 控制註解、中繼資料、群組、屬性、ID、尺寸及指令碼
- 保留 viewBox 以支援響應式縮放
- 安全預覽會移除活動與外部內容，下載結果保持可檢查
- 無須帳號或上傳，即可複製與下載 SVG
常見問題
- 會移除哪些內容？
- 依設定移除註解、中繼資料、冗餘群組、多餘小數、未使用定義與指令碼，並精簡路徑和屬性。
- 使用 SVGO 嗎？
- 是，瀏覽器內執行 SVGO 4，並提供視覺與大小比較。
- 為何 Gzip 節省量不同？
- 重複的標籤和屬性容易壓縮，所以原始位元組與傳輸大小的比例可能不同。
- 應該壓縮 ID 嗎？
- 請先確認所有內部及外部參照；更改 ID 可能破壞 CSS、動畫、濾鏡或連結。
- 為何保留 viewBox？
- 它定義 SVG 座標系統並支援可靠的響應式縮放。
- 最佳化後可以安全內嵌嗎？
- 不能僅憑最佳化判定安全。預覽會移除活動內容，但不可信的下載結果仍需要獨立安全處理。
- 檔案會上傳嗎？
- 不會。讀取、最佳化、比較、複製和下載都在瀏覽器本機完成。