Pulizia SVG Online

Ottimizza e pulisci gli SVG esportati da Figma, Adobe Illustrator o Inkscape. Rimuovi metadati, attributi inutili e gruppi vuoti per ottenere un SVG pronto per la produzione.

Studio Strumenti

Vuoi questo strumento sul tuo sito?

Personalizza i colori e la modalità scura per WordPress, Notion o il tuo sito.

Domande frequenti

Posso incollare l'HTML completo di una pagina con SVG incorporato?

Sì. Lo strumento rileva l'elemento SVG all'interno dell'HTML ed estrae solo quel blocco per elaborarlo. Funziona anche se incolli direttamente il frammento SVG.

Funziona con gli SVG di Illustrator?

Sì. Illustrator esporta SVG con dichiarazioni XML, metadati e namespace proprietari che lo strumento rimuove. Il risultato è un SVG compatibile con tutti i browser moderni.

Qual è la differenza tra pulire e minificare?

Pulire rimuove attributi e tag inutili, ma mantiene il formato con indentazione in modo che tu possa leggere e modificare il codice. Minificare comprime anche tutto in una singola riga per ridurre al massimo il peso del file.

Rimuovere gli ID può rompere l'SVG?

Solo se un elemento dell'SVG fa riferimento a un altro tramite ID, ad esempio con fill="url(#gradient)". In quel caso, disattiva l'opzione Rimuovi ID. È disattivata per impostazione predefinita proprio per evitare questo problema.

Il mio codice SVG viene inviato a qualche server?

No. Tutta l'elaborazione avviene nel tuo browser utilizzando le API native DOMParser e XMLSerializer. Il codice non lascia mai il tuo dispositivo.

# Pulizia SVG: Codice Pulito da Figma e Illustrator

Incolla qualsiasi SVG esportato da Figma, Adobe Illustrator o dall'inspector del browser e ottieni un file vettoriale pulito, ottimizzato e pronto per la produzione.

# Perché gli SVG esportati sono così sporchi?

Quando esporti un SVG da Figma, ottieni un file carico di attributi che hanno senso solo all'interno dell'applicazione: data-name, xml:space, riferimenti a layer interni e metadati di design. Il risultato è un SVG che può pesare dal 40 al 70% in più del necessario.

# Cosa rimuove lo strumento di pulizia

  • Metadati dell'editor: tag metadata, title e desc aggiunti automaticamente da Figma e Illustrator.
  • Namespace di Inkscape: tutti gli elementi con prefisso inkscape: e sodipodi:.
  • Attributi inutili: xml:space, version, xmlns:* superflui e attributi data-* di Figma.
  • Gruppi vuoti: elementi <g> senza contenuto rimasti come artefatti di layer eliminati.
  • Dichiarazioni XML: la dichiarazione <?xml version="1.0"?> e il DOCTYPE inutili quando si incorpora un SVG in HTML.

Riferimenti Bibliografici