Gratis SVG-optimizer en -minifier

Hoe het werkt

Deze tool verkleint SVG-bestanden met een zelfgeschreven optimizer die volledig in je browser draait — geen bibliotheken, geen server. Hij combineert twee doorgangen: de ingebouwde DOMParser/XMLSerializer van de browser voor nauwkeurig werk op attribuutniveau, en gerichte regexvervangingen voor het verwijderen van commentaar en metagegevens en het samenvoegen van witruimte.

1. 1
   DOMParser schoont de SVG op

   Vóór elke optimalisatie leest de DOMParser van de browser de SVG als XML en loopt elk element af. Scripttags, event-handlers (elk on*-attribuut), animatie-elementen en verwijzingen naar externe URL's worden altijd verwijderd — dit gebeurt ongeacht welke optimalisatieopties je kiest.
2. 2
   Decimalen afronden via de DOM

   Als afronden van decimalen aan staat, loopt de optimizer de geparste DOM een tweede keer af en rondt alleen bekende numerieke attributen af (d-gegevens van paden, coördinaten, transformwaarden, lijndiktes enz.), met een regex die losse drijvendekommagetallen herkent zonder aaneengeschreven padwaarden zoals .5.5 te beschadigen.
3. 3
   Regexdoorgangen schonen de geserialiseerde opmaak op

   XMLSerializer levert genormaliseerde XML, waarna gerichte tekstvervangingen HTML-commentaar, editor-metagegevens van Inkscape/Sodipodi, de XML-declaratie, overbodige standaardattributen (zoals version="1.1") en witruimte tussen tags verwijderen — elke doorgang zo nauw afgebakend dat de inhoud van tekstknooppunten nooit wordt aangeraakt.
4. 4
   Gzip-grootte en exportformaten

   De CompressionStream-API van de browser berekent de echte gzip-grootte van zowel invoer als uitvoer, omdat dat bepaalt wat de overdracht op het web echt kost. De geoptimaliseerde SVG kan worden gedownload, als ruwe SVG worden gekopieerd, worden omgezet naar camelCase-attributen klaar voor React JSX, of worden gecodeerd als CSS-data-URI — alle omzettingen gebeuren lokaal.

Gerelateerde tools