SVG Optimizer
Optimize and Compress SVG Files Online
Remove unnecessary metadata, editor data, groups, and precision with SVGO. Choose Safe, Balanced, or Maximum optimization, fine-tune individual passes, and compare the result before you download. Everything runs in your browser.
Editing defaults for new files
Preview
No preview. Add and select files to see results.
No files yet. Drop files above or click SELECT FILES.
What is SVG?
SVG (Scalable Vector Graphics) is an XML-based vector image format. Instead of pixels, an SVG describes shapes, paths, fills, and strokes mathematically, so it can be rendered at any size without losing quality.
SVG is the standard vector format for the web. It is supported natively by every modern browser and can be styled with CSS or animated with JavaScript or SMIL. It is often compact for logos, icons, and illustrations, although complex SVGs can become large.
When to optimize an SVG
Files exported from Illustrator, Figma, Inkscape or Sketch carry editor metadata, hidden layers, nested groups and coordinates with more precision than a browser needs. Optimize an SVG before you inline it in HTML, ship it in a component library, or serve it as an icon. Smaller markup is quicker to transfer and parse, especially when it is repeated in HTML or JavaScript. Keep the original source file: optimization is one-way, and minified path data is difficult to edit by hand.
How to optimize an SVG online
- 1
Drop your SVGs, or click SELECT FILES, to add them to the queue. Up to 40 at a time.
- 2
Pick Safe, Balanced or Maximum, switch off any individual pass you do not want, and watch the saving per file update.
- 3
Click SAVE ALL to download the result, or a single ZIP when the queue holds more than one file.
Privacy: your files never leave your browser
Conversion runs locally in your browser using JavaScript and WebAssembly. There is no file upload or server-side conversion, so the files you add stay on your device.
Local processing helps protect confidential logos, internal documents, and unreleased client artwork. Pages and conversion code are cached as you use them, so tools you have already opened can continue working without a network connection.
Frequently asked questions
Will optimizing change how my SVG looks?
Safe is the most conservative preset. Balanced also rounds coordinates and removes redundant attributes, while Maximum merges duplicate shapes and strips fixed dimensions. More aggressive passes can affect fine details or sizing, so use the pixel diff to review the result before downloading.
What is the difference between Safe, Balanced and Maximum?
They are cumulative tiers. Safe runs nine passes that only delete markup: the XML prolog, comments, metadata, editor namespaces, unused definitions, pass-through groups, long color values and whitespace. Balanced adds attribute cleanup, invisible-element removal, path rewriting and coordinate rounding. Maximum adds duplicate merging and width/height removal, and repeats every pass until the file stops shrinking. Any single pass can be switched off under Advanced options.
Why is my optimized file barely smaller?
Usually because it was already optimized, or because its size is dominated by path data that cannot be shortened further, or by an embedded raster image in a data URI, which this tool never touches. Lowering the decimal places is normally the biggest remaining win on hand-drawn artwork. Remember that the figure shown is the raw file size: gzip or Brotli on your server compresses it much further, and cleaner markup compresses better.