SVG Optimizer

Q: What gets optimized?

We apply the default rules of SVGO, the widely used open-source SVG optimizer, in multiple passes. It strips editor metadata, comments and hidden elements, rounds coordinates, merges paths and shortens colors. Files exported straight from a design tool typically shrink by 30–70%; files that are already clean may barely shrink. The default rules also remove some things besides the drawing itself — see “What if the optimized image looks different?” below.

Q: Are my files uploaded anywhere?

No. Everything runs inside your browser and your files are never uploaded. Safe for unreleased logos and icons.

Optimization runs entirely inside your browser. Batch files, before/after preview.

Drop SVG files here or click to select (multiple OK)

Processed entirely on your device

Choose files

Or paste SVG code

0 B uploaded — this page has not sent your files anywhere?

Nothing you enter and no file you choose is sent anywhere — everything runs inside this page, and no request carries your content to a server.

Other tools send what you type to a server and process it there. Even when they promise to erase it afterwards, your content sits on someone else’s machine in the meantime. Here there is no sending step at all. The more sensitive the content — passwords, contract wording, private notes — the more that difference matters. See how to verify it →

Shrink SVGs exported from design tools without changing how they look

SVG files saved from Illustrator, Figma, Sketch or Inkscape carry far more than the drawing itself. This tool strips that extra material with the default rules of SVGO, a widely used open-source optimizer, and shows the size before and after next to a side-by-side preview. You can process several files at once, and your logos are never uploaded.

A closer look

An SVG is a text file, written in XML, that describes a picture as coordinates of points and curves. Editors add plenty that the browser does not need to draw it: comments naming the program, editor-only attributes such as layer names, metadata blocks, unused definitions and IDs, and coordinates with long decimal tails. Removing all of that expresses the same picture in fewer bytes. Files straight out of a design tool typically shrink by 30–70%; files that were already cleaned up may barely change.

The optimizer runs SVGO’s default rule set repeatedly until a pass makes no further difference. In concrete terms, a color like #ff0000 is shortened to red, coordinates are rounded to three decimal places, shapes such as rectangles are rewritten as shorter paths, and groups and paths are merged where possible. Elements hidden with display:none, unused IDs, the title element and editor-generated descriptions are removed, and IDs that are still used get short names like a and b. There are no switches for individual rules, and it is not a security filter: script elements and attributes such as onclick stay where they are.

How to use it

Drop SVG files on the box or press Choose files. You can add several at once; anything that is not an SVG is skipped with a “Not an SVG file” notice.
If you only have code, paste it under Or paste SVG code. That box is used only when the file list is empty.
Press Optimize. Each file shows its old size, new size and percentage saved, and the first file appears under Original and Optimized side by side; use Preview on any other row to compare it. If you press right after the page opens, you may see “The optimizer engine is still loading”; wait a second and press again.
Press Save on a row to download that file with .min.svg added to its name, or Save all when two or more files are done. Pasted code can be copied with Copy or saved as optimized.min.svg.

When it helps

Site logos and iconsTrim the header logo and interface icons so there is less to download before the page appears.

Icons inlined in codeOptimize pasted code and Copy the result into HTML or a React component to keep the source short.

Cleaning up an icon setDrop in dozens of icons from a designer at once and use Save all before committing them to the repository.

Tidying files before handoffStrip editor comments, layer names and metadata blocks from graphics before you send them to a client or publish them.

Common snags

Resizing with CSS crops the image instead of scaling it.When the original has width and height plus a matching viewBox, the default rules remove the viewBox. Without it the drawing no longer scales to fit, so copy the viewBox attribute from the original back onto the svg element of the result.

My icon sprite came out nearly empty.A sprite keeps icons in symbols with IDs that are referenced only from other pages. Inside the file those IDs look unused, so they are removed and the symbols go with them. The same renaming breaks CSS or scripts that find an element by ID. For such files, run SVGO yourself with a configuration that keeps IDs.

It says “Optimization failed” with a message such as “Unexpected close tag”.The file is not well-formed XML, often because a tag was left unclosed or only part of the code was copied. Open the original in a browser; if it shows an error there too, export it again from your editor.

The pasted code is ignored, or Save all only saved some files.While files are in the list, the paste box is not used; remove them with ✕ and press Optimize again. If Save all stops partway, your browser may be asking for permission to download multiple files; allow it and press the button again.

Tip Before you ship a result, compare the Original and Optimized previews closely around edges, text and gradients, and keep the original for any file where something differs.

FAQ

What gets optimized?

We apply the default rules of SVGO, the widely used open-source SVG optimizer, in multiple passes. It strips editor metadata, comments and hidden elements, rounds coordinates, merges paths and shortens colors. Files exported straight from a design tool typically shrink by 30–70%; files that are already clean may barely shrink. The default rules also remove some things besides the drawing itself — see “What if the optimized image looks different?” below.

Are my files uploaded anywhere?

No. Everything runs inside your browser and your files are never uploaded. Safe for unreleased logos and icons.

What if the optimized image looks different?

Besides the drawing itself, the default rules change the following. viewBox — if width and height match the viewBox, the viewBox is removed, so resizing the file with CSS can crop the drawing instead of scaling it. <title> — the title that screen readers announce is removed. IDs — IDs not used inside the file are removed and the rest are shortened, so a sprite file referenced from outside as file.svg#id, or CSS and scripts that target those IDs, can break. Check the before/after preview, but it may not show any of this — for files used that way, keep the original.

Multiple files?

Yes. Select several files to optimize them in one go, then save each one or hit [Save all].