Free SVG Optimizer & Minifier

How It Works

This tool reduces SVG file size using a hand-written optimizer that runs entirely in your browser — no libraries, no server. It combines two passes: the browser's built-in DOMParser/XMLSerializer for attribute-level precision work, and targeted regex substitutions for comment stripping, metadata removal, and whitespace collapsing.

1. 1
   DOMParser sanitizes the SVG

   Before any optimization, the browser's DOMParser reads the SVG as XML and walks every element. Script tags, event handlers (any on* attribute), animation elements, and external URL references are removed unconditionally — this runs regardless of which optimization options you choose.
2. 2
   DOM-based decimal rounding

   If decimal rounding is enabled, the optimizer walks the parsed DOM a second time and applies rounding only to known numeric attributes (path d data, coordinates, transform values, stroke widths, etc.), using a regex that matches individual floating-point numbers without corrupting concatenated path values like .5.5.
3. 3
   Regex passes clean the serialized markup

   XMLSerializer produces normalized XML, then targeted string replacements strip HTML comments, Inkscape/Sodipodi editor metadata, the XML declaration, redundant default attributes (like version="1.1"), and inter-tag whitespace — each pass scoped narrowly so text node content is never touched.
4. 4
   Gzip size and export formats

   The browser's CompressionStream API computes the real gzip sizes of both input and output, since that is what actually determines transfer cost on the web. The optimized SVG can be downloaded, copied as raw SVG, converted to React JSX-ready camelCase attributes, or encoded as a CSS data URI — all conversions happen locally.

Related Tools