SVG Optimizer

Paste your SVG code to remove metadata, collapse whitespace, shorten colors, and see instant size savings. Everything runs in your browser.

How It Works

1

Paste your SVG

Paste SVG code from your editor, Figma export, or any source into the input area.

2

See the optimized result

The tool removes metadata, comments, empty groups, collapses whitespace, and shortens colors — all instantly.

3

Copy or download

Copy the optimized SVG or download it as a file. Check the size savings shown above the output.

FAQ

XML declarations, doctype, comments, editor metadata (Inkscape, Sodipodi), empty attributes, default values, empty groups are removed. Whitespace is collapsed, path data is cleaned, and hex colors are shortened (#AABBCC to #ABC).
This is a lightweight client-side optimizer — it handles the most impactful optimizations. For production assets with complex paths, a full SVGO pipeline may squeeze out a few more bytes.
The optimizations are conservative — they remove only clearly unnecessary data. The live preview shows the result so you can verify before using it.
No. All optimization runs entirely in your browser. Nothing is uploaded.

Related Tools

QR Code GeneratorBarcode GeneratorImage ConverterFavicon GeneratorImage PlaceholderAspect Ratio Calculator

Creating visual assets for a product?

Define what you're building and why before you ship — run a Discovery session.

Built & Maintained by Varstatt

Varstatt is a one-person product studio run by Jurij Tokarski, product engineer since 2011. These tools are free and open — no signup, no catch.