SVG Optimizer
This SVG optimizer reduces the file size of SVG images by removing data that bro
This SVG optimizer reduces the file size of SVG images by removing data that bro
How to use SVG Optimizer
- Paste your SVG code into the box, or upload an .svg file.
- Choose which optimizations to apply and set the number precision.
- Check the preview and savings, then copy or download the optimized SVG.
About SVG Optimizer
This SVG optimizer reduces the file size of SVG images by removing data that browsers do not need to render them. It parses your SVG, strips comments, editor metadata (Inkscape, Illustrator, Sketch and similar), and empty groups, collapses redundant whitespace, drops the XML declaration and doctype, and rounds long decimal coordinates to a precision you choose. Each optimization is a checkbox, so you can turn any of them off if it changes something you need to keep.
Everything happens locally in your browser using the built-in XML parser. Your file is never uploaded to a server, so it works offline and stays private. You see the optimized markup, a live preview of how it renders, and the exact before-and-after byte sizes, then copy the result or download it as a .min.svg file.
It focuses on safe, structural cleanups rather than aggressive geometry changes, so it will not merge paths, convert shapes, or re-compute path data the way a full build-tool pipeline might. Reducing number precision is lossy by nature: 2-3 decimal places is visually identical for most icons and logos, but very small or highly detailed artwork may need more. Preview the result before you use it, and lower the precision only as far as still looks right.
Frequently asked questions
- How much smaller will my SVG get?
- It depends on the file. SVGs exported from vector editors often shrink 30-60% because they carry a lot of editor metadata, comments, and coordinates with many decimal places. Already-clean SVGs may only drop a few percent. The tool shows the exact original and optimized sizes so you can see the real result.
- Will optimizing change how my SVG looks?
- Most options (removing comments, metadata, whitespace, and empty groups) are lossless and never affect appearance. Rounding numbers is the one lossy step: at 2-3 decimal places the difference is invisible for typical icons and logos, but very detailed artwork can shift slightly. A live preview is shown so you can check before downloading, and you can raise the precision or turn rounding off.
- Is my file uploaded anywhere?
- No. The SVG is parsed and optimized entirely in your browser using its built-in XML tools. Nothing is sent to a server, so the tool works offline and your files stay private.
- Does it remove Inkscape and Illustrator data?
- Yes, when the 'Remove editor data' option is on. It deletes elements and attributes in editor namespaces such as Inkscape, Sodipodi, Illustrator, Sketch and Figma, along with their namespace declarations and the metadata, title, and desc elements if those options are enabled.
- Can I keep the title or description for accessibility?
- Yes. Untick 'Remove metadata, title & desc' to keep the <title> and <desc> elements, which screen readers use. You can leave every other optimization on.
- Why does my SVG show an error?
- The tool needs valid, well-formed SVG markup. If you see a parse error, the file likely has an unclosed or mismatched tag, or you pasted something that is not SVG. Open the file in a text editor to fix the markup, or re-export it, then try again.