SVG 最佳化
選擇靜態 SVG 檔案或貼上程式碼以進行最佳化。比較最佳化前後的顯示效果、程式碼和檔案大小,然後複製結果或儲存為 SVG。
可執行的操作
最佳化 SVG 檔案大小
清除註解、編輯軟體中繼資料、數字表示法和其他內容。
比較處理前後並儲存
比較顯示效果、程式碼和檔案大小,然後複製或儲存最佳化後的 SVG。
使用方法
輸入 SVG
選擇 1 個 SVG 檔案或貼上程式碼。
視需要調整設定
在進階設定中確認小數精度和要移除的資訊。通常可先使用預設值。
比較顯示效果和檔案大小
執行最佳化並確認顯示效果、程式碼和檔案大小的變化。
儲存最佳化後的 SVG
複製結果程式碼或下載為 SVG 檔案。
適用情境
縮小標誌和圖示檔案
在網頁發布 SVG 前先清理,並確認顯示效果和檔案大小之間的平衡。
清理編輯資訊
視需要移除編輯軟體中繼資料和註解,然後儲存。
最佳化 SVG 時的檢查事項
中繼資料與顯示效果分開處理
您可以移除編輯軟體資訊和註解。標題、描述等內容會依設定保留。
小數精度變更可能改變形狀
座標和其他數值的小數四捨五入可能會改變細微輪廓或位置。請比較處理前後的結果。
也請在目的地確認 CSS 和參照
ID 和 viewBox 會保留,但程式碼會清理整理。若使用外部 CSS 等參照,請確認 SVG 實際發布位置的顯示效果。
支援靜態 SVG
含有指令碼、外部參照、內嵌影像或動畫的 SVG 不支援。SVG 內部的參照則支援。
常見問題
檔案大小一定會縮小嗎?
對已最佳化的 SVG,檔案大小可能不變或增加。請依結果檔案大小判斷。
外觀會維持不變嗎?
依小數精度等設定,外觀可能會改變。請比較處理前後的預覽,並確認發布位置的顯示效果。
也可以查看原始程式碼嗎?
在結果中開啟「最佳化前的程式碼」,即可查看此處理作業前的內容。
檔案處理
- 輸入
- 使用 UTF-8 編碼的靜態 SVG。原始檔案不會被覆寫。
- 輸出
- 最佳化 SVG 程式碼和 .min.svg 檔案。