# SVG Opschoner: Code van Figma en Illustrator schoonmaken
Plak een willekeurige SVG geëxporteerd vanuit Figma, Adobe Illustrator of de browser-inspector en ontvang een schone, geoptimaliseerde vectorafbeelding klaar voor productie.# Waarom zijn geëxporteerde SVGs zo rommelig?
Wanneer je een SVG exporteert vanuit Figma, krijg je een bestand vol attributen die alleen binnen de applicatie zinvol zijn:data-name, xml:space, verwijzingen naar interne lagen en designmetadata. Het resultaat is een SVG die 40 tot 70% groter kan zijn dan nodig.# Wat de opschoner verwijdert
- Editormetadata: de tags
metadata,titleendescdie Figma en Illustrator automatisch toevoegen. - Inkscape-namespaces: alle elementen met het prefix
inkscape:ensodipodi:. - Overbodige attributen:
xml:space,version, overbodigexmlns:*en Figma-data-*-attributen. - Lege groepen:
<g>-elementen zonder inhoud die als resten van verwijderde lagen overblijven. - XML-declaraties: de
<?xml version="1.0"?>-declaratie en het DOCTYPE die niet nodig zijn bij het insluiten van SVG in HTML.