Image & Design Tools
SVG Optimizer
Remove unsafe SVG script and event-handler content before reuse.
Input / output
최적화 옵션
용량 비교
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 is a browser-first tool for remove unsafe SVG script and event-handler content before reuse. It fits into the image and design workflow and keeps the main task on one page.
How to use it
- Enter the input
Paste or edit the value in the input area. Sample values are safe placeholders for testing the tool.
- Adjust options
Choose the mode, format, unit, or count that matches the SVG optimizer, sanitize SVG, vector cleanup task.
- Review the result
Run the tool, inspect the output, then copy or download it only when the result matches your expectation.
Examples
SVG Optimizer example
- Input
- Sample input
- Output
- Review the result in the browser.
Practical tips
- For large inputs, process the smallest useful sample first to keep the browser responsive.
- Ad slots are intentionally kept away from tool controls and result panes.
FAQ
What input should I use with SVG Optimizer?
Use values that match the SVG optimizer, sanitize SVG task, then adjust the visible options before running the tool.
Can I copy the SVG Optimizer result?
Yes. Review the output first, then copy or download it when the result matches your expectation.
Can I use SVG Optimizer on mobile?
Yes. The input, options, action, and result areas are designed to stack cleanly on small screens.
Will ads interrupt SVG Optimizer?
No. Ad slots stay outside the input, output, and primary action areas so the tool remains usable and policy-safe.