Paste an SVG and get the smallest byte-for-byte equivalent back instantly, comments, metadata and whitespace gone, coordinates rounded, markup collapsed to one line. Pick a Safe, Balanced or Aggressive preset, watch the size bar drop, and copy. Nothing is uploaded.
The SVG Minifier aggressively shrinks SVG markup by collapsing whitespace, stripping comments, metadata and editor namespaces, rounding coordinates and squeezing to a single line. Choose Safe, Balanced or Aggressive presets and watch the live before/after size and percentage saved. Free, in-browser, nothing uploaded.
The GigAI SVG Minifier does one thing and does it hard: it makes an SVG as small as it can possibly be without changing what you see. Hand-authored and design-tool SVG is full of bytes that never render: comments, XML declarations, editor namespaces, doctype boilerplate, indentation, trailing whitespace, over-precise coordinates and default attributes. Paste your markup or drop a.svg file and the minifier collapses all of it in the browser, rounds path data to a precision you control, and emits a compact single-line string you can drop straight into HTML, JSX, a CSS data-URI or a JSON payload. Instead of a wall of options, it leads with three presets: Safe keeps IDs and title/desc and rounds gently, Balanced is the everyday sweet spot, and Aggressive squeezes the last few percent by stripping IDs, dimensions and metadata, with an escape hatch to fine-tune precision and each toggle when you need to. The headline is the size: a large before → after readout, the exact bytes and percentage saved, a visual savings bar and a gzipped estimate so you know the real transfer weight, not just the raw number. A live preview renders the minified result on a checkerboard so you can confirm at a glance that nothing broke, the one safety net a copy-paste minifier never gives you. Because everything runs client-side on your own machine, confidential logos, unreleased brand marks and internal icons are never uploaded. A dependency-free fallback keeps it minifying even if the engine chunk can't load, and closing the tab erases every trace.
Last updated
Paste markup into the editor, drop a .svg file anywhere on the workspace, or load a sample. The minified result and size readout appear immediately.
Choose Safe, Balanced or Aggressive. Safe preserves IDs and title/desc. Aggressive squeezes the last few percent. Each preset sets precision and the strip toggles for you.
Open the advanced controls to nudge coordinate precision or flip an individual toggle (keep viewBox, remove width/height, remove IDs, remove title/desc) and watch it re-minify live.
Glance at the checkerboard preview to confirm the graphic is unchanged and read the before → after bytes, percentage saved and gzip estimate.
Copy the single-line minified SVG, download it as a .svg, or share a link that reopens the tool with your source pre-loaded.
Safe, Balanced and Aggressive presets tune precision and every strip toggle for you, go from paste to the smallest sensible output in a single click, then fine-tune only if you want to.
The result is collapsed to one clean line with no indentation, comments or line breaks: exactly the shape you want for inlining into HTML, JSX, a data-URI or a JSON string.
The exact input and output bytes, a percentage-saved figure and a visual savings bar are front and centre, so the compression win is obvious the moment you paste.
Beyond raw bytes, the minifier estimates the gzipped size, the number your server actually sends over the wire, so you're optimizing for real-world payload, not just file size on disk.
The minified SVG renders live on a transparency checkerboard beside the code, so you can confirm the artwork is pixel-identical before you copy, the check a paste-and-pray minifier skips.
Minification runs entirely on your device. SVGs are never uploaded, stored or logged, and a dependency-free fallback keeps it working even if the engine chunk fails to load.
Minified icons and logos routinely drop 30–70% versus their exported source. Multiply that across an icon set or a logo inlined on every page and it's measurable bytes off your HTML and your bundle.
A single-line, whitespace-free string is exactly what a CSS background-image data-URI or an inlined <svg> in JSX wants. No escaping surprises, no stray newlines bloating the payload.
The live preview shows the minified result beside the source, so you catch the rare case where an aggressive precision setting clips a curve or a gradient before it ever ships.
Get build-tool-grade minification without wiring up an svgo.config.js or a bundler plugin, and without sending confidential brand assets to someone else's server.
From quick one-off fixes to daily workflows, see how people put this tool to use.
Minify a decorative or logo SVG to a single line before pasting it inline in a component, so the markup ships as tight as possible without a build step or an extra request.
Squeeze a small SVG hard enough to embed it as a background-image data-URI in a stylesheet without bloating the file, the single-line output drops in cleanly.
Run every icon through the same preset so your sprite or icon library is consistently minified and as small as possible before it hits the registry.
Minify a badge or illustration to fit inside a tight HTML email or ad payload budget, using the gzip estimate to confirm the real transfer size.
Accepts SVG, and produces SVG, all processed locally in your browser.
Minify and clean SVG files in your browser with SVGO, strip editor metadata, round coordinates, drop hidden layers and see the exact bytes and percentage saved. Nothing is uploaded.
Convert SVG to a data: URI in your browser, URL-encoded or base64, and copy it as a CSS background, an inline <img src>, or the raw URI, with a live size comparison. Nothing is uploaded.
Convert SVG to a clean React component in your browser, camelCased attributes, TypeScript or JS, memo, forwardRef and React Native output, with a live preview. Nothing is uploaded.
Open, paste or drop an SVG to view it on a checkerboard, light or dark canvas with zoom, live dimensions, a source-code pane and a full element/color report: 100% in your browser, nothing uploaded.
Shrink JPG, PNG and WebP images without a visible quality drop. Set the quality yourself, or compress to an exact target size like 100 KB. Free, entirely in your browser.
Format and indent SVG source in your browser, turn a minified one-liner into clean, diff-friendly markup with consistent indentation and one element per line. Nothing is uploaded, and no data is removed.
Go deeper on the concepts behind the svg minifier.
Hit a snag? Here are quick fixes for the issues people run into most.
The viewBox was likely removed on the Aggressive preset. Switch to Balanced or open the advanced controls and turn 'Keep viewBox' back on: the viewBox is what lets an SVG scale to its container. For fluid sizing, keep the viewBox and enable 'Remove width/height' instead.
Aggressive minification strips IDs, and something outside the file still points at one (a <use>, a gradient, a clip-path or a CSS selector). Use the Balanced preset or disable 'Remove IDs'. The minifier can't see references that live outside the SVG.
Coordinate precision is too aggressive for this artwork. Raise the precision a decimal or two and watch the preview, smooth gradients and tiny icons need more decimals than large flat shapes.
The minifier needs raw SVG markup starting with an <svg> tag. If you pasted a base64 blob or a data-URI, decode it back to plain SVG first, or drop the .svg file directly.
Start with the Balanced preset, it's the everyday sweet spot. Only reach for Aggressive when you've confirmed nothing external references the SVG's IDs.
Precision 1–2 is plenty for large flat shapes. Bump it to 3+ for small icons or smooth gradients so curves stay crisp.
Minify before converting to a data-URI or a React component so the embedded markup starts as small as possible.
Watch the gzip estimate, not just raw bytes, that's the number that actually travels over the wire.
Keep 'Keep viewBox' on and enable 'Remove width/height' when you want the minified SVG to scale fluidly to its container.
Recent updates and improvements to the svg minifier.
Initial release, client-side SVG minification with Safe / Balanced / Aggressive presets, single-line output, tunable precision and strip toggles, live checkerboard preview, before → after byte + gzip meter with a savings bar, copy, download, undo/redo and shareable links.
Added a dependency-free fallback minifier so the tool keeps working when the engine chunk can't load, plus keyboard shortcuts and a curated set of sample SVGs.
Refined the gzip estimate, added a visual savings bar and clearer preset guidance to prevent broken sprites when stripping IDs on the Aggressive preset.
Your SVG is parsed and minified entirely in your browser. It is never uploaded to any server. Nothing is stored, logged or transmitted, so you can safely minify unreleased logos, brand marks and internal icon sets. If the engine chunk can't load, a built-in fallback minifier runs locally too. Close the tab and every trace is gone.
Free, private and instant. SVG Minifier runs right in your browser.
