SVG optimaliseren

Zet SVG-iconen, logo's of illustraties neer en krijg kleinere bestanden die er hetzelfde uitzien – met een live voor/na-voorbeeld en een schuifregelaar voor de precisie.

Over deze tool

Kleinere SVG's, hetzelfde beeld

Ontwerpprogramma's slaan veel op wat geen browser nodig heeft. Deze optimizer, gebouwd op SVGO, haalt het weg op je eigen apparaat.

Ruimt op wat editors achterlaten

Metadata, commentaar, verborgen lagen en Inkscape-, Illustrator- en Sketch-data verdwijnen. Getallen worden afgerond, groepen samengevoegd en paden in hun kortste vorm herschreven – vaak 30–70 % kleiner.

Precisie in jouw hand

Kies 0–5 decimalen en zie het resultaat meteen naast het origineel. Behoud ID's voor CSS en animaties, de titel voor toegankelijkheid, of laat breedte en hoogte weg voor een responsieve SVG.

Veilig om in te sluiten

Scripts, event-handlers, ingesloten HTML en externe links worden verwijderd, zodat de geoptimaliseerde SVG veilig in een webpagina kan.

Zo werkt het

  1. Zet een of meer SVG-bestanden (of SVGZ) neer. Elk bestand wordt meteen geoptimaliseerd.
  2. Verschuif de regelaar „Decimalen” en vergelijk voor en na in het voorbeeld.
  3. Kies de opties: „ID's behouden”, „Titel en beschrijving behouden”, „Breedte en hoogte verwijderen” of „Netjes opmaken”.
  4. Download de SVG, of alle bestanden als ZIP, of klik op „Code kopiëren”.

Veelgestelde vragen

Worden mijn afbeeldingen naar een server geüpload?

Nee. Elke afbeelding wordt in je browsertabblad gelezen, bewerkt en opgeslagen met Canvas, Web Workers en WebAssembly. Er wordt niets geüpload, bewaard of gelogd.

Ziet de geoptimaliseerde SVG er anders uit?

Niet bij de standaard van 2 decimalen voor iconen en logo's. Heel gedetailleerde tekeningen of SVG's met een piepkleine viewBox kunnen 3 of meer nodig hebben; het voor/na-voorbeeld toont elke wijziging voordat je downloadt.

Welke optimizer wordt gebruikt?

SVGO (MIT-licentie), de optimizer die de meeste buildtools gebruiken, met zijn standaardvoorinstelling, in je browser. Toolula voegt een filter toe dat scripts en externe verwijzingen verwijdert.

Waarom zou ik ID's behouden?

Als je CSS, JavaScript, een sprite of een animatie elementen via hun id aanspreekt, laat ID's dan aan. Anders worden ongebruikte id's verwijderd en de rest ingekort.

Is het gratis, en komt er een watermerk op?

Ja, je gebruikt het gratis zonder account, en Toolula voegt nooit een watermerk toe. Het gratis abonnement heeft fair-use-limieten; Toolula Pro, een optioneel abonnement, verhoogt die.