SVG Minifier
FormattersMinify SVG files by stripping comments, collapsing whitespace, and removing spaces between tags. Shows compression ratio and byte savings instantly. Browser-based.
About SVG Minifier
The SVG Minifier reduces SVG file size through multi-pass whitespace optimisation: it strips all XML/HTML comments (`<!-- ... -->`), collapses all consecutive whitespace (spaces, tabs, newlines) to a single space, removes whitespace between adjacent tags (`> <` → `><`), and removes extraneous spaces around tag-closing characters (`/` and `>`). The result is a compact, single-line SVG that is fully valid for use in `<img src>`, CSS `url()`, inline `<svg>`, and base64 data URIs. Compression ratio and exact byte savings are shown after each run. A download button saves the minified `.svg` file directly.
Features
- ✓Strips all SVG/XML comments (<!-- ... -->)
- ✓Collapses all consecutive whitespace to a single space
- ✓Removes whitespace between adjacent XML/SVG tags (> < → ><)
- ✓Removes spaces around self-closing and void tag characters (/ and >)
- ✓Produces clean single-line SVG suitable for inline HTML, CSS url(), and data URIs
- ✓Instantaneous — pure string transformation with no Web Worker needed
- ✓Displays compression ratio and exact byte savings after minification
- ✓Download minified output as a .svg file with one click
- ✓Language picker — instantly switch to HTML, CSS, JSON, or other minifiers
- ✓One-click clipboard copy of minified output
- ✓Mobile-responsive layout with a dedicated Minify button
- ✓100% client-side — your SVG files never leave the browser
Common Use Cases
- Minifying SVG icons before embedding inline in HTML or JSX components
- Reducing SVG file size for use in CSS `background-image: url('...')` data URIs
- Compressing SVG exports from Figma, Illustrator, or Inkscape before committing
- Reducing SVG payload size for REST API responses or JSON embeddings
- Minifying SVG sprite sheets for icon libraries
- Compressing SVG diagrams for embedding in documentation or README files
Frequently Asked Questions
QDoes this remove unused SVG elements or attributes?
No — the minifier performs whitespace and comment removal only. It does not perform semantic SVG optimisation (such as removing hidden layers or unused defs). For deep SVG optimisation, consider SVGO via the command line.
QIs the output valid SVG?
Yes — removing whitespace and comments does not affect SVG semantics. The output is a fully valid, well-formed SVG document renderable by all modern browsers.
QCan I use the output as a data URI?
Yes — compact single-line SVG is safe for use in data URIs (`data:image/svg+xml,...`). URL-encode the output for maximum compatibility across browsers.
QIs my SVG sent to a server?
No. All minification runs locally in your browser. Nothing is transmitted to any server.