SVG Size Optimizer: Shrink SVG by Precision, Online
Some SVGs are already minified and still too heavy. The weight is hiding in twelve-decimal path coordinates. Drag one precision slider and watch the bytes, the gzip estimate and the savings percentage move in real time, with a checkerboard preview that proves the curve never budged.
What is the svg size optimizer?
The SVG Size Optimizer shrinks an SVG toward a target size by rounding path coordinates decimal-by-decimal with one precision slider. A live meter tracks bytes, gzip estimate and savings percentage while a checkerboard preview proves the curves never move. Free and fully in-browser, nothing is uploaded.
The GigAI SVG Size Optimizer is built around one insight: after the obvious cruft is gone, most of the remaining weight in an SVG lives in the length of its numbers. A path point written as 24.0000001 costs nine characters where 24 costs two, and a single icon can carry hundreds of them. This tool makes that trade-off the whole experience. A prominent precision slider runs from lossless full precision down to aggressive one- and zero-decimal rounding. As you drag it, the byte count, the estimated gzipped size and the percentage saved update live, and the checkerboard preview re-renders so you can push exactly until the artwork starts to move and then step back. Under the slider it still runs the real SVGO pipeline in your browser (collapsing groups, converting styles to attributes and dropping editor metadata) with a dependency-free fallback when SVGO's chunk can't load, so precision is the headline lever but never the only one. Safe defaults keep the viewBox, IDs and title/desc intact so responsive scaling, sprite references and accessibility survive. You opt into removing width/height for fluid sizing or stripping IDs only when you know nothing points at them. Everything runs client-side, so confidential logos, unreleased marks and internal icon sets never leave your machine. It is the tool you reach for when a build plugin already ran and the file is still bigger than you want to ship.
- Difficulty:
- Easy
- Typical time:
- ~10s
- Processing:
- 100% browser processing
Last updated
How to use the svg size optimizer
- 1
Load an SVG
Paste markup, drop a .svg file onto the workspace, or click Import. A sample with deliberately over-precise coordinates loads in one click if you just want to see the slider work.
- 2
Drag the precision slider
Pull precision down from full to a couple of decimals and watch the byte, gzip and saved-percentage badges move together in real time.
- 3
Watch the preview for the edge
Keep going until the checkerboard preview shows the artwork start to shift, then step back one decimal. That is the smallest safe size for this graphic.
- 4
Copy or download
Copy the shrunk SVG, download it as a .svg, or share a link that reopens the tool with your source and settings ready to reproduce.
What SVG Size Optimizer includes
One big precision slider
Coordinate precision is the front-and-center control, not a buried number field. Drag from full precision to zero decimals and feel exactly where the savings live for this specific artwork.
Live size trade-off meter
Bytes, estimated gzip and percentage saved update the instant you move the slider, so every decimal place has a visible price and you can stop the moment the returns flatten out.
Checkerboard proof preview
The rounded result renders live on a transparency checkerboard beside the code. Push precision until a curve or gradient just starts to shift, then back off one step, the exact edge, made visible.
Real SVGO underneath
Beyond rounding, it runs SVGO's browser build to collapse groups, merge redundant markup and strip editor metadata, with a dependency-free fallback so precision reduction keeps working offline.
Safe defaults, opt-in risk
viewBox, IDs and title/desc stay by default so scaling, sprites and accessibility don't break. Removing dimensions or IDs is a deliberate toggle, never a surprise.
Never uploaded
Parsing, rounding and optimization all happen on your device. Unreleased logos and internal icon sets never touch a server, close the tab and nothing remains.
Why use our svg size optimizer
Squeeze files a build plugin already touched
SVGO in your pipeline uses a fixed precision. This tool lets you go lower per-file, by eye, for the handful of heavy icons that matter most, reclaiming bytes an automated pass left on the table.
Hit a size budget you can see
When an inline SVG has to fit under a byte budget for LCP or a data-URI, the live meter turns 'small enough' from guesswork into a number you drag toward.
Never over-round by accident
Precision is destructive if you go too far. The side-by-side preview means you always see the cost before you commit, so aggressive settings never silently deform an icon.
Understand where SVG weight comes from
Watching bytes fall as decimals drop is the fastest way to learn that coordinate precision (not the markup) is usually what makes an 'already minified' SVG heavy.
Built for the way you work
From quick one-off fixes to daily workflows, see how people put this tool to use.
- Performance engineer
Fit an inline SVG under a byte budget
You inline a hero graphic for LCP and it has to stay under a hard byte budget. Drag precision until the meter reads under target while the preview confirms the shape is intact.
- Icon designer
Tame a hand-exported path
A path traced or exported at full float precision carries dozens of long decimals. Round it down by eye and keep only the digits the icon actually needs to look crisp.
- Design systems engineer
Right-size the heavy outliers
Your build's SVGO precision is a compromise for the whole set. Hand-tune the three or four icons that dominate the sprite's weight to a lower precision they can tolerate.
- Email / CSS author
Slim an SVG for a data-URI
Data-URI embedding punishes every byte. Shrink a decorative SVG hard, confirm it in the preview, then hand it to the SVG-to-data-URI tool already at its lightest.
Supported formats
Accepts SVG, and produces SVG, all processed locally in your browser.
- SVG
- SVG
Frequently asked questions
Recommended tools
SVG Optimizer
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.
SVG Minifier
Aggressively minify SVG online: collapse whitespace, strip comments, metadata and editor namespaces, and squeeze markup to a single line with a live before/after size and % saved. 100% in your browser.
SVG to Data URI
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.
SVG Viewer
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.
Image Compressor
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.
SVG Code Formatter
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.
Common problems, solved
Hit a snag? Here are quick fixes for the issues people run into most.
The icon looks lumpy or jagged after I lowered precision.
You rounded past what this artwork can tolerate. Raise precision by a decimal or two until the checkerboard preview looks smooth again: small icons and curved paths need more decimals than large flat shapes.
Bytes barely dropped even at low precision.
This SVG's weight isn't in its coordinates. It may be gradients, filters, embedded rasters or long IDs. Precision reduction only shrinks numeric path data. Try the full SVG Optimizer for structural cleanup.
My SVG stopped scaling to its container.
The viewBox was removed or you stripped width/height incorrectly. Keep 'Keep viewBox' on: the viewBox is what enables scaling. For fluid sizing, keep the viewBox and enable 'Remove width/height' instead.
The gzip number and the byte number disagree on how much I saved.
That's expected: gzip is an estimate of the compressed shipping weight, and shortening repetitive numbers compresses differently than raw bytes suggest. Treat the byte count as exact and the gzip figure as a shipping-weight guide.
Get the most out of it
Drag precision down until the preview just starts to move, then step back one decimal, that's the sweet spot for almost every icon.
Most SVG weight is in coordinate length: dropping from 6 decimals to 2 often saves more than any structural plugin.
Curves and gradients need more decimals than flat rectangles, tune precision per graphic, not once for a whole set.
Watch the gzip estimate, not just raw bytes: it's closer to what actually ships over the wire.
Optimize with precision before embedding as a data-URI so the encoded string starts as short as possible.
What's new
Recent updates and improvements to the svg size optimizer.
Initial release: precision-first SVG shrinking with a large coordinate-precision slider, live byte + gzip + saved-percentage trade-off meter, checkerboard preview, keep-viewBox / remove-dimensions / remove-IDs / remove-title toggles, multipass, copy, download, undo/redo and shareable links.
Added precision presets (Lossless, Balanced, Aggressive), keyboard shortcuts for stepping precision, and sample SVGs with deliberately over-precise coordinates to demonstrate the slider.
Improved the gzip shipping-weight estimate and added clearer guidance for when precision reduction won't help (gradient/filter/raster-heavy files).
Keep exploring
Problems we solve
Definitions
From the blog
Explore categories
Compare formats
By file type
Common tasks
Your privacy is built in
Your SVG is parsed, rounded and optimized entirely in your browser. It is never uploaded to any server. Nothing is stored, logged or transmitted, so unreleased logos, brand marks and internal icons are safe to shrink here. If SVGO's browser build can't load, a built-in fallback still runs locally. Close the tab and every trace is gone.
- Runs in your browser
- No uploads
- Nothing stored
Ready to try the svg size optimizer?
Free, private and instant. SVG Size Optimizer runs right in your browser.