SVG Optimizer
Paste or drop an SVG file to strip editor bloat, remove unused elements, shorten colors, round decimals and minify — entirely in your browser.
What is SVG Optimisation?
SVG files exported from design tools like Figma, Illustrator, or Inkscape often contain a large amount of unnecessary data: editor metadata, hidden layers, default attribute values, redundant group elements, and comments. SVG optimisation strips this bloat and rewrites paths in a more compact form, often reducing file size by 50-80% with no visible change to the output.
This tool optimises SVG files using SVGO in your browser — your file is never uploaded to a server.
How to optimise an SVG online
- Paste your SVG code or upload an SVG file.
- The optimised SVG appears in the output panel along with the size reduction.
- Preview the result to confirm it looks correct.
- Copy or download the optimised SVG.
Frequently Asked Questions
Why is my SVG file so large?
Design tool exports include editor-specific metadata, overly precise floating-point coordinates, default attribute values, and unnecessary group elements. SVGO removes all of this while preserving the visual output.
Will optimisation change how the SVG looks?
SVGO applies safe transformations that should not change the visual output. However, very complex SVGs with unusual attribute combinations should be visually previewed after optimisation to confirm correctness.
What is SVGO?
SVGO (SVG Optimiser) is the most popular open-source SVG optimisation tool, used by webpack, Vite, and most SVG processing pipelines. This tool runs SVGO directly in your browser.
What is the difference between optimising and minifying an SVG?
Optimisation applies semantic transformations (merging paths, removing redundant attributes, simplifying shapes). Minification removes whitespace and shortens attribute names. This tool does both.