Afbeelding-, SVG- en assettools

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 afbeelding-, svg- en assettools

Probeer ook

Probeer ook

CSS- en ontwerptools

CSS-carrouselgenerator

Genereer native CSS-carrouselmarkup met scroll-snap, scrollknoppen, scrollmarkeringen en een toegankelijke lijststructuur. Geen JavaScript nodig.

Open tool

CSS- en ontwerptools

CSS Scroll-State-querygenerator

Genereer CSS scroll-state()-containerqueries om gesnapte, vastgezette of scrollbare elementen te stylen. Inclusief JavaScript-fallback voor ondersteuning in andere browsers.

Open tool