한국어
Home › Developer › SVG Optimizer

SVG Optimizer

Clean up editor metadata and long decimals in SVGs exported from design tools to cut their size. Compare size and shape side by side, then copy the code or save the file.

Add SVG fileChoose file
Original-
Optimized-

Settings

The SVGO engine loads once on first use.
Your files never leave this device

How to use

1Add an SVGDrop an SVG file or paste the code.
2Choose settingsFewer decimal places means a smaller file. If the shape changes, raise the number.
3Compare and saveCheck that the original and result look the same, then copy the code or save the file.

When it helps

SVGs exported from design tools carry a lot of things you never see: editor metadata, empty groups, unused definitions and coordinates with six decimal places. When one icon weighs several KB, dozens of them on a page add up.

This tool runs SVGO, a widely used open source optimizer, right in your browser. It keeps the shape and removes only what is not needed, usually cutting 30 to 70% of the size. The original and result are shown side by side so you can check that nothing changed.

viewBox is kept by default. Removing it can crop or stretch the image when you resize it with CSS.

FAQ

Will optimizing change the shape?

Almost never. If you reduce decimal places to 0 or 1, small curves can shift slightly. If you see a difference in the preview, raise the number.

Does it work with animated or scripted SVGs?

Most are kept as is with the default settings. If CSS or scripts reference IDs, turn off Shorten IDs.

Can the result be bigger than the original?

Turning on Pretty print for an already optimized SVG can make it a little bigger because of the line breaks.

Can I optimize many files at once?

For now, one file at a time. If you have many icons, add and save them one by one.