Opschonen van een SVG-icoon dat uit Figma, Illustrator of Sketch is geëxporteerd voor je het in een repo zet. Trimmen van de -payload voordat je hem inline in HTML of CSS zet (waar elke byte met elke pagina meegaat). Wegwerken van de XML-commentaarregels die sommige design-tools in hun export laten ("Generator: Adobe Illustrator…"). Snelle sanity-pass voor je een SVG als data: URL encodeert.

SVG-optimizer

Minify SVG-bestanden direct in je browser. Verwijdert commentaar, nutteloze whitespace, default attributen en rondt lange decimalen af. Bestand verlaat je apparaat nooit.

SVG input

🔒 Files never leave your browser — no upload, no server, no tracking.

Opties

Remove comments Collapse whitespace Drop default attrs Round coords (2 dp)

Optimized SVG

Geef hierboven invoer om het resultaat te zien.

Waarvoor is dit?

Deze tool draait een klein setje handgeschreven regex-passes over een SVG om de bytegrootte te krimpen: XML-commentaar strippen, runs van whitespace tussen tags inklappen, een handvol attributen droppen die toch al hun default-waarde hebben, en lange decimale coördinaten afronden op 2 cijfers. Elke pass is een checkbox die je kunt uitzetten. Alles gebeurt in je browser — geen upload, geen server.

Wanneer gebruiken

Opschonen van een SVG-icoon dat uit Figma, Illustrator of Sketch is geëxporteerd voor je het in een repo zet.
Trimmen van de <svg>-payload voordat je hem inline in HTML of CSS zet (waar elke byte met elke pagina meegaat).
Wegwerken van de XML-commentaarregels die sommige design-tools in hun export laten ("Generator: Adobe Illustrator…").
Snelle sanity-pass voor je een SVG als data: URL encodeert.

Veelvoorkomende valkuilen

Niet zo agressief als SVGO. De echte SVGO-bibliotheek doet path-optimalisatie, viewBox-cleanup en tientallen andere passes. Deze tool doet bewust alleen de veilige, voor-de-hand-liggende passes — om 0-dependencies en 100 % in-browser te blijven.
Default-attr droppen is conservatief. Verwijdert alleen een korte lijst bekende defaults (stroke="none", fill-rule="nonzero", etc.). Als je SVG ze expliciet nodig heeft, vink de optie uit.
Coördinaten afronden is lossy. 2 decimalen is veilig voor icons en logos; voor diagrammen met hoge precisie kun je 'm beter uitzetten.
Whitespace inklappen kan <text> breken. <text>-elementen die op meerdere spaties leunen verliezen die. Voor icon-SVG's (geen tekst) is dit nooit een probleem.