SVG Optimizer & Live Previewer — Free Online, No Upload Required
Paste or upload SVG markup to remove dead-weight comments, metadata, and whitespace. Live-preview the optimized SVG in the browser. Copy or download the cleaned output. 100% client-side.
Frequently Asked Questions
What optimisations does the SVG optimizer apply?
The tool removes XML declarations, HTML comments, hidden metadata elements (<title>, <desc>), Inkscape and Sodipodi editor attributes, empty attribute values, and excess whitespace between tags. These dead-weight patterns often account for 20–60% of SVG file size in vector graphics exported from Figma, Illustrator, or Inkscape.
Is my SVG content safe to preview in the browser?
Yes. The preview uses sanitisation to strip JavaScript event handlers and <script> elements before rendering via innerHTML. For production use, integrate DOMPurify with the SVG profile (DOMPurify.sanitize(svg, { USE_PROFILES: { svg: true } })) for OWASP-compliant XSS protection.
How much file size reduction can I expect?
Typical savings range from 15–60% depending on the SVG source. Illustrator-exported SVGs often carry heavy XML headers and legacy metadata; Figma exports retain namespace annotations. Inkscape SVGs typically have the most overhead. Run through the optimizer and compare the before/after byte count shown in the interface.