SVG Compressor

How SVG Compressor works

An SVG saved from Illustrator, Inkscape, Figma or Sketch usually carries a lot that a browser never uses: editor metadata, comments, hidden layers, default values written out in full and coordinates with eight or more decimal places. This tool removes all of that with SVGO, the open-source SVG optimiser that most build tools and design apps rely on, so the drawing looks the same but the file is smaller.

SVGO runs in several passes over the file. It merges and shortens paths, rounds numbers to the precision you choose, collapses unnecessary groups, removes empty elements and rewrites colours in their shortest form. The viewBox is kept, so the SVG still scales to any size, and IDs that other parts of the file refer to are shortened with their references updated, so gradients and masks still work.

Precision is the one setting that matters. High keeps three decimal places, which is invisible at any normal size and the safe choice for icons and logos. Balanced keeps two, and Smallest keeps one, which suits large illustrations where a tenth of a unit is far below a pixel but can bend very small icons out of shape. If a result looks off, compress the original again at a higher precision.

The optimiser, about 200 KB, loads the first time you press the button. Your SVGs are read and rewritten inside this tab and never uploaded, which matters for unreleased logos and client artwork.

SVG Compressor options explained

When to use it

Compress SVGs before putting icons and logos on a website, where every kilobyte adds to page load, before inlining an SVG in HTML or a React component, before committing design assets to a code repository, or when an upload form limits the file size.

Keep the original, editable SVG for your design app. Optimisation removes editor data such as layer names and guides, so re-open the original when you need to edit the artwork.

About the SVG optimiser

SVGO, short for SVG Optimizer, is the open-source tool behind the SVG optimisation in most web build tools, and in design apps that offer an optimised export. It parses the SVG into a tree, runs a set of well-tested clean-up steps over it and writes it back out, repeating until nothing more can be saved. Every step it takes here is one that keeps the drawing looking the same, which is why its defaults are trusted in production. The version used on this page runs entirely in the browser, loaded from the jsDelivr CDN the first time you use the tool.

SVG Compressor troubleshooting

"already optimised; returned unchanged"

The SVG has already been optimised, so nothing could be removed without changing it. The original file is offered back.

Part of the drawing moved or bent

Very small icons can shift at low precision. Compress the original again with High precision.

"is not an SVG file"

The file does not contain an SVG drawing. Files exported as SVG that only wrap a bitmap image cannot be made much smaller either; compress the image inside them instead.

How to use SVG Compressor, step by step

1. Press "Choose SVG files" or drag files onto the box.
2. Set the options if you need to; the defaults suit most uses.
3. Press "Compress SVG". The work happens on your device.
4. Save the result with its download button.

Is it safe to do this online?

With most online tools, "online" means your file is uploaded to a company's server, processed there and kept for a while before it is deleted. Here it is not. The page downloads the tool's code to your browser, and your file is read and processed inside the tab on your own device. It is never sent to TapToConvert or anyone else.

You can check this yourself: once the page and its engine have loaded, turn off Wi-Fi and the tool still works. That also means there is no queue, no daily limit and no file size cap set by a server; the only limit is the memory your browser gives a single tab.