SVG Optimizer

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

Input SVG

Optimized SVG

How It Works

Paste your SVG

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

See the optimized result

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

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.

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.