SVG optimaliseren en verkleinen
Bijgewerkt op 9 maart 2026
SVG-bestanden uit Figma, Illustrator of Inkscape zitten vol met data die je niet nodig hebt: editor-commentaar, verborgen lagen en overbodige attributen. De SVG optimizer van Ster Software ruimt dat op, zodat je SVG's er klaar voor zijn op het web.
✏️ SVG optimaliseren →Wat wordt geoptimaliseerd?
- •Editor-commentaar en metadata (Illustrator, Inkscape, Figma)
- •Overbodige attributen en standaardwaarden
- •Ongebruikte definities en elementen
- •Witruimte en opmaak (minificatie)
- •Pad-data vereenvoudigen (minder ankerpunten)
Hoe optimaliseer je een SVG?
- 1Open de SVG optimizer.
- 2Upload je SVG-bestand of plak de SVG-code rechtstreeks.
- 3Bekijk het resultaat en controleer of de SVG er nog goed uitziet.
- 4Download het geoptimaliseerde bestand.
Wanneer gebruik je de SVG optimizer?
- ✓Icons en illustraties klaarmaken voor je website
- ✓Logo's opschonen na export uit Figma of Illustrator
- ✓SVG-bestanden verkleinen voor snellere laadtijden
- ✓SVG's netjes maken voor inline gebruik in HTML
Veelgestelde vragen
Verandert de optimalisatie het uiterlijk van mijn SVG?
Nee, bij de standaardinstellingen niet. De optimizer gooit alleen data weg die niets met het uiterlijk te maken heeft. Controleer het via de SVG-preview.
Hoeveel kleiner wordt mijn SVG?
Dat verschilt per bestand. SVG's uit Illustrator worden vaak 40-70% kleiner. Simpele SVG's leveren minder winst op.
Kan ik de originele SVG altijd terugkrijgen?
De tool werkt op een kopie van je SVG. Je originele bestand wordt nooit overschreven — bewaar het altijd als back-up voordat je de geoptimaliseerde versie in productie neemt. Zo kun je altijd terug naar de bewerkbare versie.
Gerelateerde tools
- CSS eenheden omrekenen — px, rem, em en vw omrekenen voor responsive design
- CSS gradient maken — Verloop-achtergronden aanmaken en kopiëren
- Kleurcontrast controleren (WCAG) — Toegankelijkheid van tekst en achtergrond testen