Why it matters
Design tools save SVGs with a lot of extra information: layer names, editor settings, comments and numbers with six decimal places that no screen can show. That can make an icon several times bigger than it needs to be.
SVGs can also contain scripts. If your site lets people upload SVGs, or you use icons from an unknown source, a script inside one can run when the file is opened directly. This optimiser removes scripts and event handlers by default, as well as shrinking the file.
How to use it
- Paste SVG code, open an .svg file, or load the example.
- Leave the clean-up options on unless you need something kept.
- Compare the original and optimised previews. If they differ, add a decimal place.
- Copy or download the optimised SVG.
FAQ
Is it as good as SVGO?
It does the safe, high-value parts of what SVGO does and nothing that risks changing how the image looks. For build pipelines, use SVGO; for quick one-offs, this is faster.
Why keep the title element?
A title gives the SVG an accessible name when it's used inline, so screen readers can describe it. Only editor metadata is removed.
Should I remove width and height?
Remove them if the SVG should fill its container. Keep them for icons with a fixed size so the page doesn't jump while it loads.
Is my SVG uploaded?
No. It's read and rewritten in your browser.
