# SVG Optimiser — Shrink Icons and Illustrations Losslessly

> Strip editor cruft and optimise path data to cut SVG file size, usually by half or more.

An SVG exported from Illustrator, Figma or Sketch carries editor metadata, empty groups, redundant attributes and path coordinates at far more precision than any screen can show. Optimising strips all of it and rewrites the path data, typically cutting file size by half or more with no visible change — the markup shrinks, the picture does not.

**URL:** https://convertto.tech/t/svg-optimizer
**Category:** Image Tools (https://convertto.tech/c/image-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Typical saving:** 40–70% on editor-exported SVGs
- **Privacy:** Optimisation runs in your browser — files are never uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Drop your SVG files in, or paste the markup.
2. Choose an optimisation level — start with Balanced.
3. Keep the viewBox unless the icon is a fixed size.
4. Copy the optimised markup, or download the files.

## FAQ

### Why did my SVG disappear or scale wrongly after optimising?

Almost always the viewBox was removed. Without it an SVG has no intrinsic coordinate system to scale against, so it renders at its literal width and height or collapses entirely. Keep the viewBox — that is why it defaults to on here.

### Why did my CSS animation stop working?

ID cleanup renamed or removed the elements your CSS or JavaScript was targeting. Any SVG that is styled or animated from outside needs "Keep element IDs" switched on; the size cost is a few bytes.

### What coordinate precision should I use?

2 or 3 decimal places. An SVG coordinate is in user units, and three decimals is already finer than a single device pixel on any display — anything beyond that is pure file size. Dropping to 0 will visibly flatten curves on large illustrations.

### Is optimisation lossless?

The safe level is: it removes only metadata and redundancy. Balanced and aggressive rewrite path data, which is lossy at the coordinate level though not visibly so at sensible precision. Aggressive also restructures the document, which is where scripted or styled SVGs break. Check anything interactive after optimising.

## Related tools

- [HTML, CSS & JS Minifier](https://convertto.tech/t/code-minifier): Strip whitespace and comments to shrink HTML, CSS and JavaScript for production.
- [SVG to PNG Converter](https://convertto.tech/t/svg-to-image): Rasterise an SVG to PNG, JPG or WebP at whatever resolution you need.
- [Image Compressor](https://convertto.tech/t/image-compressor): Drop an image, see its current size and dimensions auto-detected, then set your targets and compress.
- [PDF to SVG Converter](https://convertto.tech/t/pdf-to-svg): Convert PDF pages into true vector SVGs with live, selectable text.
- [Blob Shape Generator](https://convertto.tech/t/blob-shape-generator): Design organic SVG backgrounds: four interpolation styles, gradients, layers and any canvas size.
- [HTML to SVG Converter](https://convertto.tech/t/html-to-svg): Wrap HTML into a scalable SVG with the markup kept as live content.
- [Placeholder Avatar Generator](https://convertto.tech/t/placeholder-avatar-generator): Generate unique SVG avatars — initials, identicons, gradients or geometric shapes.
- [PowerPoint to SVG Converter](https://convertto.tech/t/ppt-to-svg): Export slides as vector SVGs with live, selectable text.