IMG · Images tools

SVG Optimizer

Precision
Input SVG
Optimized Output
201bytes in144bytes out-28.4%saved

Minimize scalable vector graphics exported from design tools like Illustrator, Sketch, or Figma. Raw exports contain editor metadata, unused definitions, and highly precise coordinates that increase file size without changing how the graphic renders on the web.

Paste raw SVG code to remove comments, hidden elements, and empty groups. The output relies on the SVGO compiler to safely collapse paths and strip markup overhead.

Coordinate precision

Design tools often calculate paths to sub-pixel exactness, creating coordinate strings like 12.3456789. Browsers draw shapes within a pixel grid, so extreme precision adds bytes but no visible detail.

Lower the precision slider to round decimal values. A precision of 3 or 4 is usually safe for web icons. Check the visual output when dropping precision below 2, as sharp curves may begin to distort.

Multipass execution

Optimization plugins run in sequence. Sometimes one plugin removes an element, leaving behind an empty parent <g> tag. Enabling multipass forces the compiler to run the sequence again until the file cannot be reduced further.

Output formatting

The minifier flattens the XML structure, removing indentation and line breaks to compress the output into a single string. Copy the result or download the optimized .svg file directly.

Frequently Asked Questions

The compiler strips doctype declarations, XML instructions, comments, editor namespaces from Illustrator or Figma, empty containers, and unused definition blocks.

A single pass removes unused elements, which might leave empty parent groups behind. Multipass runs the optimization loop repeatedly until the file stops shrinking.

Vector editors often export coordinates with six or more decimal places. Rendering on the web rarely needs more than three. Rounding these numbers shrinks the file size without changing the visual result.

No. The plugins safely remove invisible metadata and combine redundant paths. The visual result remains identical unless coordinate precision is lowered too far.

It can. If your CSS or JavaScript targets specific ID attributes, classes, or `<g>` tags, the compiler might remove or merge them during the cleanup phase.

Explore Our Tools

Browse all tools