sample.svg 588 B Β· 8 elements
Source SVG
588 B

Optimization is local; SVG files never leave your browser.

Large SVG inputs use a Web Worker above 500 KB.

Drop an SVG file here

Or paste raw SVG markup, upload a file, or load the sample asset.

SVG markup editor
Original size
588 B
Source elements
Optimized size
0 B
Optimized elements
Size delta
β€”
negative means smaller
Runtime
β€”
per optimization run
Source geometry
240 Γ— 240 Β· viewBox 0 0 240 240
Optimized geometry
β€” Β· viewBox β€”
0 B Β· 0 elements
Source preview
Source SVG preview
Optimized preview

Optimized SVG output appears here.

SVG Optimizer

Optimize SVG files online with SVGO in your browser. Remove metadata and comments, simplify path data, collapse groups, sort attributes, keep or strip dimensions, compare source vs optimized output, and download the cleaned SVG instantly.

SVG Optimizer Use Cases

  • Shrink inline SVG icons before shipping them in product bundles
  • Clean exported SVG artwork from Figma, Illustrator, or design systems
  • Standardize SVG assets for CMS uploads, email templates, and component libraries
  • Compare source and optimized markup before committing vector assets

SVG Optimizer FAQ

Does this upload my SVG to a server?

No. Optimization runs entirely in your browser with dynamic SVGO loading. Your SVG stays on your device.

What optimizations can I control?

You can toggle metadata removal, comment stripping, desc removal, ID cleanup, group collapsing, path simplification, path merging, attribute sorting, dimension removal, multipass optimization, and pretty output formatting.

How do I preview the result safely?

The tool renders source and optimized SVG previews locally as browser images, so you can compare visual output before downloading.

What happens with large SVG files?

When the UTF-8 SVG input exceeds 500KB, optimization moves into a Web Worker to keep the editor responsive.