Performance

SVG Optimizer

Strip the cruft from an SVG and see how much smaller it gets.

463 B in

Optimized−61% · 182 B

How it works

SVGs exported from design tools carry a lot of invisible weight: an XML prolog, editor namespaces, a <metadata> block, comments, and path coordinates written to many decimal places. None of it affects how the icon looks, but all of it ships to every visitor.

Paste your markup (or upload a .svg) and the optimizer applies a set of SVGO-style passes you can toggle: strip the prolog and metadata, drop comments and empty groups, collapse whitespace, and round coordinate precision. The size delta updates live so you can see exactly what each option buys you.

Everything runs as string transforms in your browser — nothing is uploaded — so private or unreleased assets stay on your machine. Copy the result or download it as a clean file.

Frequently asked

What does the optimizer actually remove?+

The passes you can toggle: the XML prolog and DOCTYPE, comments, editor metadata (Inkscape/Sodipodi namespaces, the <metadata> block, redundant version attributes), optionally <title> and <desc>, and empty groups left behind. It also collapses whitespace between tags and rounds coordinate precision. Each pass is optional so you keep control.

Is this safe — will it break my icon?+

The transforms are conservative string cleanups, not a re-render, so the visible geometry is preserved. The one judgement call is precision: rounding path coordinates to 2–3 decimals is invisible at normal sizes but shrinks the file noticeably. If a very detailed illustration looks off, raise the precision and it comes back.

Should I remove <title> and <desc>?+

Only sometimes. For a decorative icon you can drop them to save bytes. But <title> provides an accessible name for a meaningful, standalone SVG — screen readers announce it — so leave it in when the graphic conveys information. That is why the option is off by default.

What precision should I use?+

Two decimal places is a good default for UI icons and logos; three is safer for large or highly detailed artwork. Zero rounds to whole units, which is the smallest but can visibly distort curves. The live size delta lets you trade bytes against fidelity in real time.

Is my SVG uploaded?+

No. All cleanup runs as string operations in your browser — nothing is sent anywhere — so you can optimize private or unreleased assets freely.

More free tools

All tools

More tools shipping weekly.

Smaller assets, cleaner ship

This tool trims the bytes editors leave behind. Shotline trims the back-and-forth — clients drop feedback right on the live page, each pin carrying the exact element it is about.

No signup needed. Free demo canvases stay live for 72 hours.

or start your 14-day free trial — no card required.

Shotline — SVG Optimizer — free, in-browser