SVG Optimizer
Verklein SVG code door onnodige data te verwijderen.
Origineel: 138 bytes
Geoptimaliseerd — 115 bytes (17% kleiner)
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="50" cy="50" r="40" fill="blue"/></svg>
Preview
Wat doet deze tool?
Verkleint SVG-bestanden door onnodige metadata, commentaar en witruimte te verwijderen, zonder de visuele output te veranderen.
Hoe werkt de berekening?
De tool parst je SVG en verwijdert: XML-commentaar, editor-metadata (Sketch, Illustrator), lege groepen, ongebruikte defs, en witruimte tussen tags. Het resultaat is functioneel identiek maar vaak 40–70% kleiner.
Een concreet voorbeeld
Een SVG-icoon van 4,2 KB uit Figma → na optimalisatie 1,3 KB. Sneller laden en minder bandbreedte, zonder kwaliteitsverlies.
Veelgestelde vragen
Blijft mijn SVG bewerkbaar na optimalisatie?+
Grotendeels ja, maar editor-specifieke laaginfo (Illustrator, Sketch) wordt verwijderd. Bewaar het origineel.
Wanneer gebruik ik SVG in plaats van PNG?+
Voor icons, logo's en illustraties. SVG schaalt zonder kwaliteitsverlies en is meestal kleiner.
Kan ik SVG's inline in HTML zetten?+
Ja, dat spaart een HTTP-request en laat je met CSS de kleur aanpassen via 'fill: currentColor'.