SVG 編輯器

清理 SVG 中的指令碼、事件和外部資源,使用 SVGO 最佳化體積並報告差異,可預覽和下載安全副本。

瀏覽器本地處理
該頁面已通過公開目錄檢查;啟用JavaScript後可使用完整功能。
使用指南

如何使用 SVG 編輯器

SVG 文字只在目前瀏覽器中清理、最佳化和預覽,不會上傳,也不會主動請求外部資源。

  1. 輸入 SVG

    貼上內容或載入不超過 2 MiB 的 SVG 檔案,並選擇是否執行多輪最佳化。

  2. 安全清理與最佳化

    工具先移除指令碼、事件、外部資源和危險元素,再用 SVGO 優化,隨後再次執行安全清理。

  3. 核對並下載

    檢視原始、清理與最佳化位元組數及移除統計,確認預覽後複製或下載安全副本。

限制與注意事項

  • 安全清理會主動刪除指令碼、foreignObject、事件屬性、外部參照和部分樣式,依賴這些內容的 SVG 外觀或互動會變更。
  • 最佳化可能會重寫路徑、屬性、ID 和數值精度,不適合作為需要保持原始碼結構、動畫繫結或編輯器中繼資料的無損往返。
  • 瀏覽器預覽通過不代表 SVG 在所有渲染器中一致;重要圖形應對下載結果進行視覺比較和目標環境測試。

常見問題

為什麼要在最佳化後再次清理?

這是為了確保最終預覽和下載仍符合安全策略,避免任何轉換步驟重新引入遭禁止的結構。

多輪最佳化一定更小嗎?

通常會進一步減少冗餘,但耗時更長且改寫更多;應以報告和視覺核對結果為準。

可以編輯圖形節點嗎?

本工具是原始碼清理、最佳化和預覽工具,不提供類似向量繪圖軟體的節點拖曳編輯功能。

頁面反饋發現問題或有改進建議?
反饋功能需要在線上版使用

請在線上版啟用 JavaScript 後提交;目前工具或案例的本地功能不受影響。

前往線上版反饋