CSS-tools

Gratis SVG Optimalisatie Tool

Optimaliseer SVG-bestanden door commentaar, metadata en witruimte te verwijderen. Voor/na vergelijking. Lokale verwerking.

Tool laden...

Wat is SVG Optimalisatie Tool?

Browsergebaseerde tool die SVG-bestandsgroottes vermindert door elementen te verwijderen die de visuele uitvoer niet beïnvloeden.

Snel antwoord

Verwijder commentaar, metadata en overtollige witruimte uit SVG-bestanden. Voor/na groottevergelijking. Lokaal en gratis.

Last updated: 2026-06-09

Beperkingen

  • Alleen structurele opschoning.
  • SVG met ingesloten rasterafbeeldingen: weinig winst.
  • Niet-standaard namespace prefixes niet herkend.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Plak SVG-markup of upload een SVG-bestand.
  2. De tool verwerkt en toont het resultaat.
  3. Bekijk de groottevergelijking.
  4. Kopieer of download de geoptimaliseerde SVG.

Waarvoor je het kunt gebruiken

  • SVG-bestandsgroottes verminderen voor webgebruik.
  • SVG-s opschonen voor commit in repository.
  • SVG-s voorbereiden voor CSS-data-URI.

Gebruik

Praktische voorbeelden

Voorbeeld

Figma-export opschoning

SVG-iconen van 4KB gereduceerd tot gemiddeld 1,2KB.

Voorbeeld

Inline SVG prestatieverbetering

Hero-SVG van 28KB gereduceerd tot 9KB.

Veelgemaakte fouten

  • Aannemen dat een kleinere SVG visueel identiek is.
  • Het viewBox-attribuut verwijderen.
  • Herbruikbare symbooldefinities over het hoofd zien.

Verificatie

  1. Optimaliseer een SVG en controleer of metadata is verwijderd.
  2. Vergelijk de weergave voor en na in een browser.

FAQ

Vragen over SVG Optimalisatie Tool

Wat verwijdert de tool?

XML-commentaar, metadata, lege groepen, overtollige witruimte.

Minimaliseert het padgegevens?

Nee, het richt zich op structurele opschoning.

Breekt het inline CSS?

Nee. Inline CSS en styles blijven behouden.

Gerelateerde tools

Meer css-tools

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool

Probeer ook

Probeer ook

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool