Skip to content
snip tools

SVG optimizer

Optimize SVG files in your browser with SVGO — same render, smaller file.

Runs 100% in your browser
 

How to optimize an SVG

  1. Paste or drop SVG. Paste the SVG markup, drop an .svg file, or pick one.
  2. Pick presets. Default safe optimizations are on; toggle on/off as needed.
  3. Copy or download. Output is shown beside the input with the savings.

About SVGO

SVG exports from Figma, Illustrator and Sketch typically carry a heavy editor namespace, excessive precision (12 decimal places where 3 would do), and unused metadata. SVGO's default preset strips the safe stuff while preserving the rendered output. Multipass re-runs passes until the file stabilises (a few percent extra savings). Keep removeViewBox OFF unless you are sure no consumer relies on intrinsic sizing — it breaks responsive SVGs.

Frequently asked questions

What does the SVG optimizer do?
Removes editor metadata, collapses whitespace, simplifies paths, drops unused attributes and rounds long decimals — without changing the rendered output.
Is the optimization lossy?
A subset of optimizations are technically lossy at very small decimal precisions — by default the page uses safe presets that preserve visual output. Increase aggressiveness with care on detailed paths.
Does my SVG leave the browser?
No. SVGO runs entirely in your browser as a lazy dynamic import.
Which SVGO version?
svgo 3.x, the same engine that powers SVGOMG and most CI optimizers.