Image Tools

SVG Optimizer

SVG Optimizer is part of Toolspire and is ready as soon as this page loads. Make SVG icons, logos and illustrations smaller without changing how they look — compare before and after, tune precision, optimise many files at once and copy the result as a data URI, CSS or a React component.

Runs in this tabFreeNo account

Drop SVG files here or click to browseOne or many — icons, logos and illustrations Files never leave your device

Precision3 decimals

Lower is smaller; raise it if shapes look different. 2–3 suits most icons.

MultipassRepeat until nothing more can be saved.Make responsiveRemove width and height so it scales with CSS (keeps the viewBox).Keep IDsTurn on if CSS, JavaScript or links refer to IDs in the SVG.Remove scriptsStrips <script> and onclick-style attributes — safer to publish.Remove <title>Smaller, but screen readers use the title.Remove xmlnsOnly for SVG pasted straight into HTML.Pretty printReadable, indented code (larger).

On this page

What you can do here

Smaller, same look

A pixel comparison checks the optimised SVG against the original every time.

Safe to publish

Scripts and event handlers are removed by default; previews never run scripts.

Many files at once

Drop a folder’s worth of icons and download them all as a ZIP.

Ready-to-paste code

Data URI, CSS, <img> and React component outputs with one-click copy.

Full control

Switch any of SVGO’s steps on or off, and keep IDs your CSS or JavaScript uses.

Private

Optimisation runs on your device — nothing is uploaded.

The sequence

How to optimise an SVG

1
Add SVG files
Drop one or more .svg files, or paste SVG code.
2
Check the preview
Compare the original and optimised image and the size saved.
3
Adjust if needed
Lower the precision for smaller files, or raise it if shapes change. Turn on Keep IDs if your CSS or scripts use them.
4
Download or copy
Download the file (or all files as a ZIP), or copy it as code, a data URI or a React component.

Worth knowing

SVG Optimizer on Toolspire: uses SVGO, the standard open-source SVG optimiser, running entirely in this tab — files are not sent to us.
Removes editor leftovers (Inkscape, Illustrator, Sketch, Figma metadata), comments and unused definitions, rounds numbers and rewrites path data — exports often shrink by half or more.
Before/after preview on a transparent, white or dark background, with an automatic pixel check that warns if the optimised file looks different.
Options for precision, multipass, responsive SVG (removes width/height), keeping IDs, removing scripts and pretty printing, plus every SVGO step individually.
Batch: optimise many files at once and download them as a ZIP.
Copy the result as SVG code, a compact data URI, CSS background, <img> tag, base64 or a React (JSX) component.

Which options to use

Situation	Setting
Icons for a website	Precision 2–3, Make responsive on
Logos and detailed illustrations	Precision 3–4; check the pixel comparison
SVG styled or animated with CSS/JS	Keep IDs on
SVG pasted into HTML	Remove xmlns on
SVG from an unknown source	Remove scripts on (the default)
Code you will edit by hand	Pretty print on

FAQ

Questions about SVG Optimizer

Where does SVG Optimizer run?

SVG Optimizer runs in this tab on Toolspire. What you type or drop in is not sent to us and is not stored on a server.

Does optimising change how my SVG looks?

Usually not. The tool draws both versions and compares their pixels; if more than a tiny fraction differ, it tells you so you can raise the precision or turn off a step.

Are my files uploaded?

No. SVGO runs in this tab and the files stay on this device.

What is SVGO?

SVGO (SVG Optimizer) is the widely used open-source tool that removes unnecessary data from SVG files. This page runs it for you with clear options and previews.

Should I use a data URI or base64?

Use the URL-encoded data URI for CSS and HTML — it is usually smaller than base64 and compresses better. Use base64 only where a tool requires it.

Why is the title kept?

Screen readers read an SVG’s <title>, so it is kept by default. Switch on Remove <title> if the image is purely decorative.

Keep going

SVG to PNG, JPG & WebP ConverterNewConvert SVG to PNG, JPG or WebP online at any size — 1x, 2x, 3x or exact pixels — with a transparent or coloured background. Batch convert, free.Image Tools Image CompressorPopularImage Compressor on Toolspire: Compress JPG, PNG, WebP and AVIF images on your device. Shrink photos by up to 90% or hit an exact KB target.Image Tools Favicon GeneratorNewFavicon Generator on Toolspire. Create a favicon from an image, text or emoji: get favicon.ico, SVG, Apple touch and Android icons.Image Tools CSS to Tailwind ConverterNewCSS to Tailwind Converter on Toolspire. Convert CSS to Tailwind classes online: hover, media queries, dark mode and gradients become variants.Developer Tools Image ResizerNewResize JPG, PNG and WebP images by pixels, percentage or social media presets. Crop to fill or fit, batch resize and download a ZIP — without uploading needed.Image Tools WebP ConverterNewWebP Converter on Toolspire: Convert PNG, JPG, GIF and HEIC images to WebP on your device. Lossy or lossless, transparency kept, batch ZIP download — free.Image Tools

Open the full directory

Last updated 7 October 2026Report a problem or suggest a feature