◩
圖片與設計工具
SVG Optimizer
SVG Optimizer 在瀏覽器中執行，用於檢查、轉換或準備結果，不會把輸入傳送到伺服器。
圖片與設計工具
Input / output
Processed in browserInput not sent to server
최적화 옵션
용량 비교
225 bytes -> 132 bytes
41.3% 절감
원본 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
최적화 정보
- SVG
- valid
- viewBox
- 0 0 64 64
- width
- -
- height
- -
원본 preview
%3C%2Fscript%3E%3Crect%20onclick%3D%22x%22%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E)
최적화 preview
Before/After 비교
비교 위치 50%
최적화 SVG
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
Data URI
data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E
제거 리포트
- 제거한 script
- 1
- 제거한 이벤트 핸들러
- 1
- 제거한 주석
- 1
- 제거한 metadata
- 1
SVGO plugin pipeline
removeScripts
active
1
removeEventHandlers
active
1
removeComments
active
1
removeMetadata
active
1
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
SVG Optimizer 是用於圖片與設計流程的本機瀏覽器工具，輸入、選項與結果都在同一頁完成。
How to use it
- 貼上輸入
在輸入區域輸入或貼上要處理的值。
- 調整選項
選擇適合 SVG optimizer, sanitize SVG, vector cleanup 的模式、格式或單位。
- 檢查結果
執行工具，確認結果後再複製或下載。
Examples
SVG Optimizer 範例
- Input
- 範例輸入
- Output
- 在瀏覽器中檢查後的輸出。
Practical tips
- 內容較大時，先從小樣本開始。
- 廣告會保持在主要控制項和結果區域之外。
FAQ
SVG Optimizer 應該輸入什麼？
請輸入與頁面任務相符的值，並在執行前調整選項。
可以複製 SVG Optimizer 的結果嗎？
可以。檢查結果後即可複製或下載。
SVG Optimizer 支援行動裝置嗎？
支援。輸入、選項和結果會在小螢幕上縱向排列。
輸入會傳送到伺服器嗎？
不會。此工具設計為在瀏覽器內處理輸入。