Tool overview
What is an SVG Optimizer?
An SVG optimizer minifies vector markup with SVGO: comments, metadata, hidden nodes, and redundant path data shrink in the browser—no upload.
Why use this SVG Optimizer?
Drop or paste an icon, watch gzip size change as you toggle cleanup, compare Optimized vs Original, then copy or download.
Key Features
Live preview with wipe compare, gzip headline size, decimal precision, More options, and private client-side SVGO.
How to Use
Follow these steps to get accurate results from the tool interface above.
- Drop an SVG file or paste markup — nothing is uploaded.
- Check gzip size, tune cleanup options, and compare Optimized vs Original with the wipe slider.
- Copy or download the optimized SVG. Adjust decimal precision or open More options when you need tighter control.
SVG Optimization Scope
SVGO-powered cleanup with live preview, gzip sizing, and safe defaults.
| Feature / Context | Valid Syntax Example | Common Pitfall / Invalid Example |
|---|---|---|
| Comments & metadata | <svg viewBox='0 0 24 24'> | <!-- editor junk --><metadata>…</metadata>Comments and editor metadata are stripped by default. |
| IDs & hidden layers | Keep IDs / Keep hidden layers toggles | Blind aggressive cleanupTurn on Keep IDs when CSS or JS targets element ids. |
| Precision & size | gzip headline + decimal stepper | Raw byte count onlyGzip size better reflects transfer cost; fewer decimals shrink paths further. |
Frequently Asked Questions
Expandable answers for common debugging bottlenecks and data privacy questions.
Related tools
Explore other related utilities that complement this tool.
Official Documentation & References
Authoritative specifications and platform documentation for this utility.