SVG Optimiser

SVG Optimiser makes SVG files smaller and tidier without changing how they look. Files saved from Inkscape, Illustrator, Sketch or Figma carry a lot that browsers never use: editor settings, metadata, comments, empty groups, ids nobody points at, and numbers with six or more decimal places. Stripping that out often halves the file, which means faster pages and cleaner code to paste into a website or app.

Drop in one SVG or a whole folder’s worth, or paste the code. Each clean-up is its own switch with a short note, and the safe set is on from the start. Path data is rewritten using whichever of absolute or relative commands is shorter, and numbers are rounded to the decimal places you choose; tiny drawings automatically keep extra digits.

You don’t have to trust it. Every file is drawn twice, before and after, and the two pictures are compared pixel by pixel, so each row says “Looks the same” or warns you. Both pictures are shown as plain images, so a script hidden in an SVG never runs on the page. Nothing is uploaded: the whole job happens in your browser.

1. Tap “Choose SVG files” or drop SVGs onto the box. Or open “Paste SVG code instead” to paste code, or press “Try an example” there for an Inkscape-style file.
2. Check the switches under “What to clean”. The safe ones are already on; “Safe defaults” puts them back.
3. Pick how many decimals “Round numbers to” keeps. Two suits most icons and illustrations.
4. Press a file’s row to see it before and after, the pixel check, and the code. Use “Copy code” or Download.
5. Use “Download all (ZIP)” for a batch, or “Start over” to clear the list.

• Removes Inkscape, Sodipodi, Illustrator, Sketch, Figma, Serif and Corel editor data, plus metadata, comments and the XML declaration.
• Removes ids nothing refers to and gradients, clip paths, masks and filters nothing uses; <symbol> sprites are kept.
• Collapses groups that do nothing, removes empty groups and attributes, and drops default values such as x="0".
• Shortens path data: absolute or relative per segment, flat lines as H and V, no repeated letters, no needless spaces or zeros.
• Rounds numbers to 0–5 decimals without drift along long paths; transforms and gradients keep extra precision.
• Minifies style attributes and <style> sheets and shortens colours (#ffffff to #fff, rgb() to hex).
• Optional: remove title and description, swap width and height for a viewBox, or prettify the code.
• Before/after preview on checks, light or dark, a pixel-by-pixel look check, gzipped sizes, batch ZIP download and .svgz input.

• Keep titles and descriptions if the SVG is a meaningful image on a web page: screen readers read them out.
• If a web page’s CSS or JavaScript reaches into the SVG by id, switch off “Remove unused ids” so those ids stay.
• “Remove width and height” lets an icon scale to whatever box you put it in; leave it off if the file must keep a fixed size.
• If the check says “Looks different”, raise the decimals first. Zero decimals is only for drawings on a large grid.
• Servers usually send SVG gzipped, so the gzipped figure is closer to what visitors really download.