SVG Optimizer
Shrink SVG files: remove editor data, metadata and comments, round path numbers, shorten colours, drop hidden and empty elements. Preview and compare sizes.
SVG files exported from Illustrator, Inkscape, Figma or Sketch carry a lot that browsers never use: editor settings, metadata, comments, long decimals, hidden layers and empty groups. This optimizer removes them and rounds coordinates to the precision you choose; for example, an Inkscape-style drawing with editor data and six-decimal coordinates shrinks from 2.5 KB to 1.0 KB (59%) without a visible change. You get the cleaned file, the code to paste into HTML, a preview, and the size before and after. It is a careful clean-up, not a full SVGO pipeline, and it runs entirely in your browser.
How to use this tool
- Choose one or more SVG files, or paste SVG code.
- Set the decimal places for coordinates (2 suits most icons).
- Leave the clean-up options on; turn off “Remove IDs” if a script or stylesheet targets them.
- Compare the preview with the original.
- Download the optimised files or copy the code.
Formula
saved % = (1 − optimised bytes ÷ original bytes) × 100
Numbers are rounded to the chosen number of decimals (transforms keep two more). In path data, every relative command is re-measured from the already-rounded current point to the true end point, so rounding errors do not build up along a long path. Default values are removed only when no parent element sets the same property, because those properties are inherited, and never inside a <symbol> or other content that <use> copies (it inherits from the <use> element); when the file has a <style> sheet, defaults and plain groups are kept. IDs that anything refers to (url(#…), href, aria-labelledby, CSS, scripts) stay, and so do the IDs of <symbol> elements, so icon sprites keep working.
Example
An exported icon with the path M 10.00001 10 L 20.12345 20.98765 l 5.55555 5.55555 z, fill="#FFFFFF" and an Inkscape layer wrapper becomes M10 10 20.12 20.99l5.56 5.55z with fill="#fff", and the wrapper, metadata and editor attributes disappear. The complete 686-byte file in this example becomes 215 bytes — 68.7% smaller — and renders the same.
Frequently asked questions
Will the optimised SVG look different?
Not at sensible settings. Rounding to 2–3 decimals moves points by at most a few thousandths of a unit, which is invisible for icons and illustrations measured in tens or hundreds of units.
Is this the same as SVGO?
It covers the common, safe clean-ups — comments, metadata, editor data, hidden and empty elements, numbers, colours, defaults and unused IDs — but not SVGO's riskier rewrites such as merging paths or converting shapes to paths.
Why keep <title> by default?
Screen readers announce an SVG's title. Remove it only for decorative graphics.
Are my files uploaded?
No. The SVG is parsed and rewritten in your browser.
Last updated:
Page address with these inputs: https://kakao.mobile/tools/svg-optimizer/
Cite or embed this tool
kakaoCalc. (2026, November 8). SVG Optimizer. https://kakao.mobile/tools/svg-optimizer/
“SVG Optimizer.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/svg-optimizer/.