SVG Optimizer

Clean and minify SVG files by removing comments, metadata, and unnecessary whitespace.

How to use the SVG Optimizer

  1. Paste SVG code into the left panel or upload a .svg file.
  2. Choose which optimizations to apply.
  3. Click Optimize – the cleaned SVG appears on the right with a size reduction report.
  4. Copy the result or download the optimized .svg file.

What gets removed

  • Comments – <!-- ... --> blocks often left by design tools.
  • Metadata – <metadata>, <title> (unless it provides accessibility), editor namespaces (xmlns:inkscape, xmlns:sodipodi, etc.).
  • Hidden elements – nodes with display:none or visibility:hidden.
  • Whitespace – redundant spaces, tabs, and newlines between tags.

This is a lightweight client-side optimizer. For production use, consider running SVGO in your build pipeline.