Designer / Optimization
SVG Optimizer
Optimize SVG markup locally in your browser, strip export metadata, preview the result safely, and download a lighter asset. Paste or upload SVG markup, reduce file weight, spot risky embedded content, and export a cleaner asset directly in your browser.
4
Active rules
216 B
Saved
31%
Reduction
95
Hygiene score
Loaded starter SVG
What this checks
SVG is optimized locally, so you can trim exports without sending brand assets anywhere.
Safe preset avoids removing descriptive blocks by default, while aggressive preset strips them for smaller files.
Current input has 1 comments, 1 metadata blocks, and 3 editor-style attributes.
Dimensions: 220 x 220 / viewBox: 0 0 220 220.
Production checks
Has SVG root
Valid root tag detected.
Responsive viewBox
viewBox: 0 0 220 220
Script free
No script tags detected.
No embedded HTML
No foreignObject block detected.
Clean export metadata
There is still metadata or editor-specific residue in the SVG.
Sanitized preview
Scripts and embedded HTML are removed here
Optimized output
<svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Badge</title><desc>Sample badge graphic</desc><metadata>temporary export metadata</metadata><rect x="14" y="14" width="192" height="192" rx="44" fill="#111827" /><circle cx="110" cy="92" r="44" fill="#60A5FA" /><path d="M74 148h72" stroke="#F9FAFB" stroke-width="12" stroke-linecap="round" /><path d="M88 70l44 44" stroke="#F9FAFB" stroke-width="12" stroke-linecap="round" /></svg>
Change summary
Input size: 703 B
Output size: 487 B
Saved: 216 B
Reduction: 31%
Comments before: 1
Comments after: 0
Metadata before: 1
Metadata after: 1
Editor attrs before: 3
Editor attrs after: 0
viewBox before: 0 0 220 220
viewBox after: 0 0 220 220
Width after: 220
Height after: 220
Practical recommendations
If this is for web UI, consider CSS sizing and rely on viewBox instead of fixed width and height.
Use the aggressive preset before shipping icons or illustrations into production.
Why people come back to this
SVG exports from Figma, Illustrator, and other tools often carry extra metadata that is annoying to clean by hand.
File-size feedback and instant preview make this useful for every icon tweak, landing page graphic, and UI asset pass.
Safe and aggressive presets keep the tool useful for both routine cleanup and final production trimming.
Strong first-use cases
Cleaning exported icons before publishing a site or app.
Trimming marketing SVGs before embedding them in landing pages.
Checking whether an asset includes scripts or embedded HTML before reuse.