Skip to content
SVG Code Tools

SVG Optimizer & Minifier

Make SVG files smaller. Removes comments, editor data and hidden junk, rounds numbers and shortens paths and colours. Free SVGO style optimizer.

Preview

Something not working? Report a problem

What is the SVG Optimizer & Minifier?

SVG files from design tools carry a lot of extra data: comments, editor settings, long numbers and empty groups. This tool removes it and shortens the rest, often cutting the file size by half, without changing how it looks.

You choose what to remove, and how many decimals to keep in numbers. A live preview and the before and after sizes show you the result. Everything runs in your browser.

How to use it

  1. Paste your SVG code, or open an .svg file.
  2. Tick what to remove and set the number precision.
  3. Check the preview, then copy or save the smaller SVG.

Why people like this tool

Smaller files

Often half the size or less.

Safe by default

Looks the same after.

You decide

Tick exactly what to remove.

Before and after

See the saved size at once.

How it works, in one picture

Infographic: how to use the SVG Optimizer & Minifier in 3 easy steps: Paste your code, Choose your options and See your result. You get: Smaller files, Safe by default, You decide and Before and after.

Frequently asked questions

How do I reduce the size of an SVG?
Paste it here and keep the defaults. The smaller SVG is shown on the right with the saved percent.
Will my SVG look different?
It should look the same. If it does not, raise the number precision to 3 or 4, since rounding too much can bend small shapes.
What does precision mean?
It is the number of digits after the decimal point. 2 is a good balance. Lower is smaller, but less exact.
Is this like SVGO?
It does the most useful steps of SVGO in your browser. For a whole project, use SVGO in your build.

You may also like

SVG to Base64 & Data URI Converter

Turn SVG code into a CSS background-image data URI or a Base64 string. URL-encoded output is smaller than Base64. Copy ready CSS, HTML or a mask.

Open tool

SVG to React, Vue & Svelte Converter

Turn SVG code into a clean React, Vue or Svelte component with size and colour props. TypeScript option included. Free online SVGR alternative.

Open tool

SVG Security Scanner

Check an SVG for scripts, event handlers and bad links before you upload or show it. Get a plain report and a cleaned copy. Free SVG sanitizer.

Open tool

SVG to Canvas Code Converter

Convert SVG shapes into HTML Canvas JavaScript code. Paths, circles, rectangles, gradients, strokes and transforms become ctx drawing commands.

Open tool

SVG to JSON Converter

Convert SVG code into a JSON tree of elements and attributes. Great for animating or changing SVG with code. Free SVG to JSON parser.

Open tool

SVG Icon Resizer & Normalizer

Fit SVG icons of any size into a standard 24 x 24 box, centred, with the same padding. Paste many icons at once. Free icon set cleaner.

Open tool