SVG Optimizer

Optimaliseer SVG-bestanden met configureerbare SVGO-opschoning, compressie, voorbeeldweergave, kopiëren en downloaden

SVG-invoer
Upload één SVG-bestand of plak SVG-markup. De verwerking blijft in je browser.
Geoptimaliseerd resultaat
Vergelijk bestandsgrootte, bekijk een voorbeeld van de uitvoer, kopieer de geoptimaliseerde SVG of download deze.
Nog geen geoptimaliseerde SVG
Voeg een SVG-bron toe en voer optimalisatie uit om de gecomprimeerde uitvoer te zien.

Wat deze tool doet

Deze SVG optimizer comprimeert één lokaal SVG-bestand of geplakt SVG-document in je browser. De tool gebruikt SVGO-opschoningspasses om opmerkingen, metadata, overbodige attributen, onnodige precisie en andere markup te verwijderen die de zichtbare afbeelding niet verandert.

Waarom dit helpt

SVG-bestanden die uit ontwerptools worden geëxporteerd bevatten vaak editormetadata, uitgebreide paden, ongebruikte IDs en opmerkingen. Door ze te optimaliseren kun je de downloadgrootte verkleinen, pagina’s sneller laten laden en inline SVG-code makkelijker controleren voordat die in een website, app, e-mail of documentatiepagina wordt gebruikt.

Hoe het werkt

Upload een .svg-bestand of plak SVG-markup, kies de veilige preset of stem de afzonderlijke SVGO-passes af, en voer daarna de optimalisatie uit. De tool toont voorbeelden van het origineel en de geoptimaliseerde versie, de bespaarde bytes en de uiteindelijke markup, zodat je die kunt kopiëren of als .optimized.svg-bestand kunt downloaden. De SVG hoeft je apparaat nooit te verlaten.

Praktische opmerkingen

  • Gebruik de veilige preset wanneer de SVG afhankelijk is van externe CSS, gescripte IDs of symboolverwijzingen die je niet makkelijk kunt inspecteren.
  • Gebruik de agressieve preset voor eenvoudige geëxporteerde pictogrammen, logo’s en illustraties waarbij het verwijderen van afmetingen en het inline zetten van stijlen acceptabel is.
  • Bekijk een voorbeeld van de geoptimaliseerde afbeelding voordat je de bronillustratie vervangt, vooral wanneer de bron maskers, verlopen, filters of gekoppelde assets gebruikt.