輸入
正在準備工作區…
使用方法
- 貼上 SVG 原始碼，或開啟 UTF-8 SVG 檔案。
- 點選「最佳化 SVG」，比較預覽與位元組大小。
- 下載 SVG，或展開「結果」檢查並複製標記。
最佳化矢量標記
除了顯示的圖形，SVG 還可能包含編輯器中繼資料和冗長的繪圖指令。最佳化會重寫標記，減少不必要的位元組。
工具使用 SVGO，坐標精度為三位小數，並保留 viewBox 和 ID。請保留原始碼，以便在最終環境中比較最佳化結果。
可能發生的變化
最佳化可移除中繼資料並簡化繪圖指令。三位小數的坐標精度可能略微改變幾何形狀，對很小或大幅縮放的圖形尤其明顯。
viewBox 支援回應式尺寸；ID 可能被圖形、樣式或周圍程式碼引用。此設定會保留它們，而非縮短或移除。
<svg viewBox="0 0 10 10"><metadata>demo</metadata><path d="M0 0 L10 10"/></svg><svg viewBox="0 0 10 10"><path d="m0 0 10 10"/></svg>簡化的標記對比，突出中繼資料移除與緊湊路徑；下載輸出還包含 SVG 命名空間。
預覽與嵌入
預覽將結果作為獨立圖片載入，不會作為活動頁面標記插入。它的行為可能與應用中的行內 SVG 不同。
最佳化不等於安全淨化。行內嵌入不可信 SVG 前請先審查，並測試依賴周圍文件的樣式、引用和行為。
檢查與儲存輸出
「下載」儲存 optimized.svg。展開「結果」可查看產生的原始碼和「複製」按鈕。位元組數更少，本身不能證明視覺效果等同。
靜態 PNG、JPEG 與 WebP：20 MiB、2,400 萬像素，單邊最多 8,192 像素。Base64：2 MiB。SVG：1 MiB。檔案檢查：1 GiB，僅讀取前 256 位元組。瀏覽器編解碼支援各不相同。不會上傳任何檔案。
常見問題
最佳化後的 SVG 可以安全行內嵌入嗎？
最佳化不會淨化原始碼。將 SVG 行內用於應用前，請審查不可信元素、屬性、URL 和樣式。
會保留 viewBox 和 ID 嗎？
會，此設定保留這兩項。其他標記仍可能重寫，請在目標文件中測試引用與樣式。
最佳化會改變圖片嗎？
坐標捨入和結構重寫可能影響渲染。請比較預覽，並在實際使用環境測試檔案。
獨立預覽為什麼與頁面不同？
圖片預覽不共享周圍頁面 CSS，也不具備所有行內 SVG 行為。外部上下文和文件級引用可能影響結果。
「複製」按鈕在哪裡？
最佳化後，展開預覽下方的「結果」，其中包含產生的 SVG 原始碼和「複製」按鈕。預覽上方可使用「下載 SVG」。