SVG Bekijken en Optimaliseren — Kleinere SVG-bestanden

SVG-bestanden uit Illustrator, Figma of Inkscape bevatten vaak tientallen kilobytes aan onnodige metadata. Onze SVG-optimizer verwijdert dit en reduceert de bestandsgrootte met 40–70%.

Wat wordt geoptimaliseerd?

Editor-metadata (versie, bestandsnaam), XML-commentaar, ongebruikte definities en naamruimten, redundante stijlattributen, overmatige decimale precisie in padcoördinaten. Al onzichtbaar in de browser maar vergroot het bestand.

SVG inline vs. extern

Inline SVG maakt CSS- en JS-animatie mogelijk en vereist geen extra HTTP-request. Extern SVG (via <img>) is cachebaar en eenvoudiger te onderhouden. Gebruik inline voor animeerbare iconen, extern voor herbruikbare statische afbeeldingen.

SVG-toegankelijkheid

Voeg <title> toe als alternatieve tekst voor screen readers. Gebruik role="img" en aria-labelledby. Decoratieve SVG's krijgen aria-hidden="true". Goed toegankelijke SVG's verbeteren zowel SEO als gebruikerservaring.