SVG optimizer & minifier

Updated October 18, 2026Nothing is uploaded

Shrink SVGs exported from Illustrator, Inkscape, Figma or Sketch — often by 30–70% — without changing how they look. Every result is rendered next to the original and compared pixel by pixel, so you can see that nothing broke.

Your SVG

Choose an SVG file

or paste the code below · 🔒 processed on your device, never uploaded

SVG code

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="128.000000"
   height="128.000000"
   viewBox="0 0 128.000000 128.000000"
   version="1.1"
   id="svg8"
   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
   sodipodi:docname="badge.svg">
  <sodipodi:namedview id="namedview7" pagecolor="#ffffff" bordercolor="#666666" inkscape:zoom="4.5" inkscape:cx="64.111111" inkscape:cy="64.222222" />
  <metadata id="metadata5">
    <rdf:RDF><rdf:Description><dc:format>image/svg+xml</dc:format><dc:title>Badge</dc:title></rdf:Description></rdf:RDF>
  </metadata>
  <defs id="defs2">
    <linearGradient id="linearGradient1" x1="0.00000000" y1="0.00000000" x2="1.00000000" y2="1.00000000">
      <stop offset="0" style="stop-color:#FF6A00;stop-opacity:1" id="stop1" />
      <stop offset="1" style="stop-color:#EE0979;stop-opacity:1" id="stop2" />
    </linearGradient>
  </defs>
  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
    <g id="g10">
      <circle cx="64.0000000" cy="64.0000000" r="58.2500001" fill="url(#linearGradient1)" id="circle1" />
      <path
         style="fill:none;stroke:#FFFFFF;stroke-width:10.00000;stroke-linecap:round;stroke-linejoin:round"
         d="M 38.000000,66.000000 L 56.333333,84.000000 L 91.666667,46.000000"
         id="path1"
         inkscape:connector-curvature="0" />
    </g>
  </g>
</svg>

Options

Remove metadata & editor dataInkscape, Illustrator, Sketch, Figma namespaces, <metadata>, XML declarationRemove commentsKeeps Remove unused idsOnly ids nothing referencesCollapse empty groupsShorten colors#FFFFFF → #fff, rgb() → hexRemove <title> and <desc>Off by default: they help screen readersPretty-print outputNumber precision

Result

Before

1.7 KB

After

509 B

Saved

70.1%

Gzipped

—

Highlight pixel differences

Removed: XML declaration, comments, version attribute, editor data, <metadata>, unused ids, empty groups.

Optimized SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128" id="svg8"><defs><linearGradient id="linearGradient1" x1="0" y1="0" x2="1" y2="1"><stop offset="0" style="stop-color:#ff6a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ee0979;stop-opacity:1"/></linearGradient></defs><circle cx="64" cy="64" r="58.25" fill="url(#linearGradient1)"/><path style="fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;stroke-linejoin:round" d="M38 66L56.333 84 91.667 46"/></svg>

How to optimize an SVG

Choose an SVG file or paste the code (a sample from Inkscape is loaded so you can try it).
Leave the safe defaults on, or adjust the options and number precision.
Check the Visual match badge and the side-by-side preview.
Copy the code, copy it as a CSS data URI, or download the .min.svg file.

What gets removed (and what never does)

Removed	Always kept
XML declaration, doctype (unless it defines entities), comments	viewBox, width, height and the SVG namespace
<metadata>, Inkscape/Sodipodi/Illustrator/Sketch/Figma attributes	Every shape, path, gradient, filter, mask and clip path
Ids that nothing references	Ids used by url(#…), href, CSS or animations, and on <symbol> (sprites)
Groups without attributes, empty <defs>	<title>/<desc> (unless you opt in), text and its spacing
Excess decimals, redundant path commands and separators	Scripts and styles (whitespace in CSS is minified)

How number precision works

Most savings come from coordinates like 56.333333. “Auto” picks the decimals from the drawing size: about 3 significant digits after the units that matter. For a 24 × 24 icon that's 4 decimals; for a 1000 px illustration, 2. A rounding error of 0.005 units on a 1000-unit canvas is 0.0005% — invisible.

viewBox size	Auto decimals	Max error
24	4	0.00005 units
100	3	0.0005 units
1000	2	0.005 units
10000	1	0.05 units

Path data before and after

Before: d="M 38.000000,66.000000 L 56.333333,84.000000 L 91.666667,46.000000"
After:  d="M38 66L56.333 84 91.667 46"

Repeated commands are implied, separators are dropped where the grammar allows (1-2, .5.5), and arc flags are kept intact.

Private by design

Everything runs in your browser — your images are never uploaded, stored or seen by anyone.

Related tools

Frequently asked questions

Is this the same as SVGO?

It applies the same family of safe optimizations as SVGO's defaults, implemented independently and running in your browser. It doesn't do riskier transforms like merging paths or converting shapes.

Why is the visual match not exactly 100%?

Rounding coordinates can move an anti-aliased edge by a fraction of a pixel. Values above 99.5% are not visible; raise the precision if you need a perfect match.

Should I gzip SVGs too?

Yes — servers usually gzip or Brotli-compress SVG automatically. Minifying and compressing stack: the Gzipped figure shows both together.

Will it break my CSS or JavaScript that targets ids?

Ids referenced inside the file are kept. If a page's external CSS or JS targets an id in an inline SVG, turn off "Remove unused ids".

Your business here? Sponsor this tool from $9/week. See placements