onul.works

SVG optimiser

Optimaliseer en verklein SVG-code en controleer daarna het opgeschoonde resultaat.

⌘ Draait in de browser ◴ Geen data opgeslagen ⌁ Gratis

Concept

SVG-optimalisatie verwijdert overbodigheden en houdt het uiterlijk

SVG-optimalisatie verwijdert overbodige metadata en spaties voor snellere distributie van inline or downloadbare SVG-bestanden.

Het verwijdert o.a. XML-declaraties, comments, metadata en overbodige witruimte, waardoor bestandgrootte lager wordt zonder visuele regie te verliezen.

Bij icon sets of illustratiebundels met veel hergebruik helpt dit vooral bij lagere laadtijd en minder bandbreedte over veel pagina’s.

Gebruikssituatie

Gebruik dit wanneer iconen, SVG-buttons, badges of banners vaak worden hergebruikt en je snellere parsing nodig hebt.

Wat wordt opgeschoond

Verwijdert XML-declaraties, doctypes, opmerkingen en metadata en ruimt witruimte tussen elementen, rond gelijktekens en herhaalde spaties op.

Eindcontrole

Vergelijk voor en na op viewBox, vorm, positie en toegankelijkheidsattributen zoals aria-label/role.

Controleer vóór publicatie dat uiterlijk en toegankelijkheidsmetadata niet verloren zijn gegaan; dat voorkomt onverwachte regressie in UI.

SVG-invoer
Geoptimaliseerde SVG

Hoe te gebruiken

  1. 1 Plak SVG-code of sleep een SVG-bestand naar het invoervak.
  2. 2 Klik op optimaliseren om onnodige code te verminderen.
  3. 3 Controleer de preview en groottewijziging en kopieer of download daarna de geoptimaliseerde SVG.

Veelgebruikte toepassingen

  • SVG-comments en metadata verwijderen
  • Inline SVG-code comprimeren
  • Geoptimaliseerde SVG bekijken en downloaden

Veelgestelde vragen

Hoe voer ik een SVG in?

Plak SVG-code of sleep een .svg-bestand om het invoervak te vullen en voer daarna optimalisatie uit.

Wat vermindert optimalisatie?

Het verwijdert XML-declaraties, comments, doctype en metadata-tags en ruimt daarna witruimte op om de SVG-code korter te maken.

Kan ik het resultaat kopiëren of downloaden?

Ja. U kunt de geoptimaliseerde SVG-code kopiëren of downloaden als optimized.svg. Er wordt ook een preview getoond.

Gerelateerde workflow

SVG-optimizerOptimaliseer eerst de SVG-code zodat de vectorasset lichter is voor het web. → Base64 naar afbeeldingOpen eventueel Base64-beeldmateriaal om ondersteunende assets voor hetzelfde scherm te controleren. → Favicon-generatorGenereer favicons als het opgeschoonde logo of icoon ook als site-icoon moet dienen.