image

SVG Optimizer

Optimize SVG files by removing comments, whitespace, metadata, and unused attributes/layers. Reduce file size for web.

SVG input

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- ============================================================ -->
  <metadata>made with skeleton</metadata>
  <rect x="10" y="10" width="80" height="80" fill="#ffffff" stroke="none" rx="4"/>
  <circle cx="50" cy="50" r="30" fill="none"/>
</svg>

Optimized output

<svg viewBox="0 0 100 100" ><rect x="10" y="10" width="80" height="80"stroke="none" rx="4"/><circle cx="50" cy="50" r="30" fill="none"/></svg>

Original

313 B

Optimized

142 B

Saved

−171 B (55%)

Removes comments, namespaces, editor metadata, default-color attributes, and extra whitespace.

How to use SVG Optimizer

1Paste your input in the panel above or use the example data if available.
2Choose an action — format, generate, convert, encode, or analyze.
3Your result appears instantly. Use Copy to grab it, or Download if a file option is shown.

Runs entirely in your browser

Nothing you type, paste, generate, or upload leaves your device.

Related tools

image

Image Compressor

Compress images online.

imagecompress

web

CSS Minifier

Minify and optimize CSS code.

cssminify