Will optimising change how my graphic looks?

It should not. What is removed is metadata and precision beyond what any display can resolve. Always compare the rendered result, particularly for anything with gradients, filters or clipping paths.

Why is my SVG larger than a PNG of the same image?

Because it is not the right format for that image. SVG suits flat shapes and text; a traced photograph becomes thousands of paths and is far larger than the bitmap it came from.

Does this SVG optimizer use SVGO?

Yes. It runs the browser build of svgo, with a Safe preset, a Smallest preset, or Custom options for number precision, IDs, comments, metadata and editor data. The viewBox is always kept, so you get svgo-style cleanup without installing the npm package.

SVG Optimizer Online

Remove the metadata, comments and redundant precision that design tools leave in an SVG, cutting file size while the drawing renders identically.

Browser tool

SVG

Optimisation runs on your device with svgo. The viewBox is always kept, and the safe preset also keeps IDs, titles and descriptions.

SVG

About SVG Optimizer

Design tools leave a great deal behind in an SVG — editor metadata, comments, hidden layers, coordinates to fourteen decimal places. Removing it typically halves the file with no visible change at all. The clean-up is free and online. It works without uploading the file, adds no watermark to the drawing, and there is no sign up or account standing in front of it.

How to use SVG Optimizer

Paste the SVG or open the fileStraight out of the drawing application, cruft included.
Compare the sizesBefore and after, so the saving is a number rather than an assumption.
Check the renderingOptimisation should be invisible. Confirm it is before replacing the original.

Where the weight actually is

Coordinate precision is usually the largest single saving: a path stored to fourteen decimal places carries digits that describe sub-atomic distances on a screen. After that come editor namespaces, hidden layers left in the artboard, and comments. None of it renders, and on an icon set the total is often more than half the payload.

What it does not do

Aggressive optimisation can break an SVG that is scripted or animated, where an id or a class the optimiser considers unused is referenced from elsewhere.
Precision reduction is lossy in principle. At normal rendering sizes it is invisible; on a drawing intended to be magnified enormously, check it.

SVG Optimizer: questions people ask

Will optimising change how my graphic looks?: It should not. What is removed is metadata and precision beyond what any display can resolve. Always compare the rendered result, particularly for anything with gradients, filters or clipping paths.
Why is my SVG larger than a PNG of the same image?: Because it is not the right format for that image. SVG suits flat shapes and text; a traced photograph becomes thousands of paths and is far larger than the bitmap it came from.
Does this SVG optimizer use SVGO?: Yes. It runs the browser build of svgo, with a Safe preset, a Smallest preset, or Custom options for number precision, IDs, comments, metadata and editor data. The viewBox is always kept, so you get svgo-style cleanup without installing the npm package.

Questions about ToolsVerse itself — privacy, cost, what happens to your files — are answered in the frequently asked questions.

The tools people most often need alongside SVG Optimizer.

Can’t find the tool you need?

Tell us what you’re looking for and we’ll consider adding it.

Request a tool →