SVG Optimizer

Minify and Clean SVG Files.

Loading…

SVG files saved by drawing programs carry a lot the browser never uses: comments, metadata, editor-specific attributes, coordinates with six decimal places, style values that are already the default. Removing them often halves the file without changing a pixel.

Paste the code or open a file. The result appears with a live preview and the saving in bytes, so you can confirm it still looks right before using it.

How to use the SVG Optimizer tool

  1. Paste SVG code or open an .svg file.
  2. Choose how many decimals to keep and what to remove.
  3. Check the preview, then copy or download the smaller file.
  • Icons and logos for a website
  • Inline SVG in HTML and CSS
  • Cleaning exports from Illustrator, Inkscape and Figma

Tips for the best result

  • Two decimals are enough for icons; use three for large, detailed illustrations.
  • Keep ids if your CSS or JavaScript refers to them.

Quick facts

PriceFree
Works withSVG
Where it runsIn your browser, on your device
AccountNot needed

Frequently asked questions

Can optimising break my SVG?

Rarely. Scripts or styles that depend on removed ids are the usual cause; untick that option.

Why remove width and height?

With only a viewBox, the image scales to whatever size your CSS gives it.

Is this the same as gzip?

No. Servers compress text further in transit; both savings add up.

Does it convert text to paths?

No. Text elements are left as text.