Deze tool laadt de officiële SVGO-engine voor de browser pas nadat je op Optimaliseren klikt. De standaardset plug-ins verwijdert scripts en eventhandlers, zodat het bestand veiliger is voor normaal gebruik op het web. Je kunt ID's behouden wanneer CSS, JavaScript, verlopen, maskers of externe verwijzingen ervan afhankelijk zijn.
SVG gratis verkleinen
Draait volledig in je browser - niets uploaden, geen account.
Scripts en eventhandlers worden verwijderd
SVG-invoer
Geoptimaliseerde SVG
Ctrl of Command + Enter
Plak SVG-mark-up of kies een bestand om te beginnen
Hoe kun je een SVG verkleinen?
Een SVG verkleinen doe je door metadata van ontwerpsoftware, opmerkingen, overbodige kenmerken en onnodige cijferprecisie te verwijderen. Plak de mark-up of kies een bestand om SVGO in je browser uit te voeren. Vergelijk het origineel met het geoptimaliseerde voorbeeld en kopieer of download daarna de kleinere SVG zonder je ontwerp te uploaden.
Zo werkt het
- 1Voeg je SVG toe. Plak volledige SVG-mark-up, sleep een lokaal .svg-bestand naar het uploadvak of open het ingebouwde voorbeeld.
- 2Kies veilige instellingen. Stel de cijferprecisie in, laat meerdere optimalisatieronden aan voor extra besparing en behoud ID's waar andere code naar verwijst.
- 3Optimaliseer en vergelijk. Voer SVGO uit en bekijk daarna het aantal bytes voor en na de optimalisatie en beide visuele voorbeelden.
- 4Kopieer of download. Kopieer de compacte mark-up of download een nieuw .optimized.svg-bestand zonder het bronontwerp te wijzigen.
Voor wie
- Frontendontwikkelaars die pictogrammen, logo's en illustraties verkleinen voordat ze die aan een site of componentbibliotheek toevoegen.
- Ontwerpers die metadata en mark-up van Figma, Illustrator, Sketch of Inkscape uit exportbestanden willen verwijderen.
- Performanceteams die de exacte besparing in UTF-8-bytes meten voordat vectorbestanden in een webbundel terechtkomen.
- Componentauteurs die compacte inline SVG-mark-up voorbereiden voor React, Vue, Svelte of gewone HTML.
Veelgestelde vragen
Is een SVG verkleinen gratis?
Ja. Je kunt SVG-bestanden zonder account, betaling of installatie optimaliseren. De tool toont de exacte wijziging in UTF-8-bytes en laat je het resultaat direct in de browser kopiëren of downloaden.
Wordt mijn SVG naar een server geüpload?
Nee. Het bestand lezen, SVGO uitvoeren, bytes meten en voorbeelden maken gebeurt lokaal in je browser. Logo's, pictogrammen en ongepubliceerd werk worden niet door deze tool geüpload.
Hoe groot mag een SVG-bestand zijn?
De tool accepteert SVG-broncode tot 5 MB. Met die limiet blijft het verwerken op telefoons en gewone laptops vlot. Bij erg grote illustraties kun je ingesloten rasterafbeeldingen verwijderen of het ontwerp in kleinere bestanden splitsen.
Kan SVG-optimalisatie het uiterlijk veranderen?
SVGO is bedoeld om overbodige gegevens te verwijderen zonder de weergave te veranderen. Sterk afronden of ID's opruimen kan complexe bestanden wel beïnvloeden. Vergelijk beide voorbeelden en test de geoptimaliseerde SVG op de uiteindelijke plek voordat je een productiebestand vervangt.
Wat verandert de decimale precisie?
De decimale precisie bepaalt hoeveel cijfers na de komma SVGO bewaart in coördinaten, transformaties en verwante waarden. Een lagere waarde levert vaak een kleiner bestand op, maar kan fijne details of erg grote ontwerpen zichtbaar verschuiven. Drie cijfers is een praktisch startpunt voor de meeste webpictogrammen en illustraties.
Moet ik SVG-ID's behouden?
Behoud ID's als CSS, JavaScript, aria-kenmerken, verlopen, maskers, filters of externe documenten ernaar verwijzen. Bij een zelfstandige decoratieve afbeelding kun je dit uitschakelen, zodat SVGO ongebruikte ID's verwijdert of inkort.
Verwijdert de optimalisator scripts uit SVG-bestanden?
Ja. Tijdens de optimalisatie worden script-elementen, kenmerken van eventhandlers en JavaScript-links verwijderd. Dat maakt het uitvoerbestand veiliger als gewone webafbeelding, maar de tool is niet geschikt voor SVG-apps die scripts nodig hebben.
Wat doet optimaliseren in meerdere ronden?
SVGO verwerkt het resultaat opnieuw zolang elke ronde het bestand kleiner maakt. Sommige bewerkingen maken nieuwe opruimmogelijkheden zichtbaar, waardoor er nog wat ruimte kan worden bespaard. De eerste ronde zorgt meestal voor het grootste deel van de winst.