Online SVG Sanering

Optimera och rensa SVG exporterade från Figma, Adobe Illustrator eller Inkscape. Ta bort metadata, onödiga attribut och tomma grupper för att få en produktionsklar SVG.

Verktygsstudio

Vill du ha det här verktyget på din webbplats?

Anpassa färger och mörkt läge för WordPress, Notion eller din egen sajt.

Vanliga frågor

Kan jag klistra in hela HTML på en sida med inbäddad SVG?

Ja. Saneringen identifierar SVG-elementet inuti HTML och extraherar bara det blocket för bearbetning. Det fungerar också om du klistrar in SVG-fragmentet direkt.

Fungerar det med Illustrator SVG?

Ja. Illustrator exporterar SVG med XML-deklarationer, metadata och egna namnrymder som saneringen tar bort. Resultatet är en SVG kompatibel med alla moderna webbläsare.

Vad är skillnaden mellan rensning och minifiering?

Rensning tar bort onödiga attribut och taggar men behåller det indragna formatet så du kan läsa och redigera koden. Minifiering drar också ihop allt till en enda rad för att minska filstorlek maximalt.

Kan borttagning av ID-nummer skada SVG?

Endast om ett element i SVG refererar till ett annat med ID, till exempel genom fill="url(#gradient)". I så fall inaktivera alternativet Ta bort ID. Det är inaktiverat som standard just för att undvika detta problem.

Skickas min SVG-kod till någon server?

Nej. All bearbetning sker i din webbläsare med hjälp av nativa DOMParser- och XMLSerializer-API:er. Koden lämnar aldrig din enhet.

# SVG Sanering: Ren kod från Figma och Illustrator

Klistra in vilken SVG som helst exporterad från Figma, Adobe Illustrator eller webbläsarens inspektör och få en ren, optimerad vektorfil redo för produktion.

# Varför är exporterade SVG så smutsiga?

När du exporterar en SVG från Figma får du en fil fullproppad med attribut som bara är vettiga inuti appen: data-name, xml:space, referenser till interna lager och designmetadata. Resultatet är en SVG som väger 40-70% mer än nödvändigt.

# Vad saneringen tar bort

  • Redigerarmetadata: metadata, title och desc taggar som Figma och Illustrator lägger till automatiskt.
  • Inkscape-namnrymder: alla element med inkscape: och sodipodi: prefix.
  • Onödiga attribut: xml:space, version, överflödiga xmlns:* och Figma data-* attribut.
  • Tomma grupper: <g> element utan innehåll kvar från raderade lager.
  • XML deklarationer: deklarationen <?xml version="1.0"?> och DOCTYPE onödiga vid inbäddning av SVG i HTML.

Bibliografiska Referenser