Dev Tools
Client-sidefiles never upload

SVG Optimizer

Pure-frontend SVG slimmer that strips **comments / metadata / editor-specific attributes** (Sketch, Figma, Inkscape) / **default attribute values** (`opacity=1`, `stroke=none`) / empty groups + defs / rounds decimals to a configurable precision, and collapses whitespace. Live before/after preview + savings %.

Enabled optimizations
478 bytes
182 bytesβˆ’62%
Before
Made in Sketch 2024
After
β€ΊHow to use
  1. Paste your SVG source into the left pane, or click Open file to load a .svg.
  2. Tick the 10 optimisations on the right (all on by default; turn off what you'd rather keep). Precision sets decimal rounding (default 2).
  3. The right pane updates live with the optimised output and savings % shown in green.
  4. Side-by-side before / after preview below lets you visually confirm nothing changed.
  5. Copy for snippet use, or Download .svg for the file.
Tips
  • Sketch / Figma exports carry 30-60% editor-only metadata. Toggling 'Strip editor attributes' alone gives a big win.
  • Precision 2 is usually invisible β€” 0.123456 vs 0.12 on a 1000px canvas can't be distinguished by eye. Try 1 for ultra-simple icons; bump to 3 for complex illustrations.
  • Stripping default values (opacity=1, stroke=none, stroke-width=1) is safe because browsers fall back to the same defaults.
  • vs svgo / svgomg: those carry 70+ plugins for the deepest cuts. We're the 'paste and go with sane defaults' lightweight option.

πŸ’‘ 100% local β€” your SVG never leaves the browser. The before/after preview uses dangerouslySetInnerHTML strictly inside this tool; the content is not used anywhere else.

Related tools