SVG Optimizer
Strip editor metadata and whitespace from SVG, and generate a CSS-ready data URI.
Optimized
Original — → Optimized —
How to use the SVG Optimizer
-
Paste your SVG markup.
-
Get the minified SVG.
-
Copy the SVG or its data URI.
Optimize and inline SVG
SVGs exported from design tools carry comments, metadata and bloat that inflate file size. This optimizer removes that cruft and collapses whitespace, then optionally produces a URL-encoded data URI you can drop straight into CSS as a background image.
Key features
- Removes comments, metadata & doctype
- Collapses redundant whitespace
- Before/after size comparison
- CSS-ready data URI output
Frequently asked questions
Is this lossless?
Yes — it removes non-rendered metadata and whitespace, leaving the visual output unchanged.
What's an SVG data URI for?
It lets you embed an SVG directly in CSS (e.g. as a background-image) without a separate file.
Is my SVG uploaded?
No — optimization runs entirely in your browser.