EN
My tools

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.

2–3 is invisible for icons and illustrations; use more for very large or very small drawings.
Turn off if a script or external CSS targets elements by ID.
Saves a few bytes but removes text that screen readers use.
My tools →
Advertisement

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

  1. Choose one or more SVG files, or paste SVG code.
  2. Set the decimal places for coordinates (2 suits most icons).
  3. Leave the clean-up options on; turn off “Remove IDs” if a script or stylesheet targets them.
  4. Compare the preview with the original.
  5. 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:

Cite or embed this tool
APA

kakaoCalc. (2026, November 8). SVG Optimizer. https://kakao.mobile/tools/svg-optimizer/

MLA

“SVG Optimizer.” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/svg-optimizer/.

Advertisement