Pulizia SVG

Elimina il superfluo e mantieni il markup SVG pulito e leggibile. Utile prima di ottimizzare, convertire o fare commit in un repository. Apri file SVG online e inizia subito a elaborarli.

Trascina il tuo file SVG

oppure clicca per sfogliare o incolla il codice SVG

Accetta solo file .svg
Incolla il codice SVG con Ctrl+V / Cmd+V

Perché usare il nostro strumento di pulizia SVG?

Rimuovi i metadati

La pulizia SVG elimina blocchi di metadati, note desc e tag del generatore che aumentano il peso senza aggiungere valore visivo. Mantiene il testo di accessibilità significativo quando presente, così gli screen reader conservano il contesto.

Markup più pulito

La pulizia SVG mantiene la struttura leggibile con meno gruppi vuoti e meno commenti. L'output ripulito è più facile da confrontare in git, da rivedere nel codice e da mantenere nelle varie release.

File più piccoli

La pulizia SVG riduce i byte prima dell'ottimizzazione, così SVGO ha meno materiale da elaborare. Questo passaggio aiuta sprite di icone e asset inline a caricarsi più rapidamente nelle pagine reali.

Pulizia degli attributi dell'editor

La pulizia SVG rimuove attributi specifici dell'editor come data-name o etichette inkscape, preservando però gli ID che utilizzi. In questo modo hook CSS e selettori JS restano stabili.

Elaborazione sicura

L'elaborazione avviene nel browser, quindi i file non vengono mai caricati. È l'ideale per asset dei clienti, lavori coperti da NDA e librerie di brand interne.

Pronto per l'ottimizzazione

Esegui la pulizia SVG prima di minificare o ottimizzare per ottenere risultati più prevedibili. Il rumore superfluo scompare, così gli strumenti successivi si concentrano sul risparmio strutturale.

Come pulire un SVG

1

Carica il tuo SVG

Trascina un file o incolla il markup per avviare la pulizia SVG. Lo strumento legge il tuo SVG in locale e prepara una vista pulita così puoi verificare prima l'originale. Apri file SVG online e inizia subito a elaborarli.

2

Pulisci i metadati

Avvia il passaggio di pulizia SVG per rimuovere metadati, commenti e residui dell'editor. Confronta la dimensione e ispeziona il markup ripulito per confermare che nulla di visivo sia cambiato.

3

Esporta lo SVG

Scarica il file pulito o copia il nuovo markup. I nomi file restano invariati, il che rende la sostituzione nel repository molto semplice.

FAQ sulla pulizia SVG

Cosa rimuove la pulizia SVG dai miei file?
La pulizia SVG rimuove blocchi di metadati, commenti, tag del generatore e attributi inutilizzati che non influiscono sul rendering. Non elimina path o forme. Se il tuo SVG include etichette di accessibilità come title o aria, la pulizia SVG le mantiene a meno che non siano vuote o duplicate. Nei flussi di lavoro di team, conserva un originale non modificato così puoi confrontare i diff durante la revisione, capire cosa è cambiato e tornare rapidamente indietro se necessario. Rimuovere i metadati aiuta anche a evitare l'esposizione accidentale di nomi autore o versioni dei tool negli asset pubblici.
La pulizia SVG cambierà l'aspetto dello SVG?
La pulizia SVG si concentra sul markup non visivo, quindi il risultato renderizzato dovrebbe restare identico. Tuttavia, se un file dipende da attributi specifici dell'editor o da metadati insoliti, esegui la pulizia SVG e controlla l'anteprima prima della pubblicazione. Un confronto rapido aiuta a intercettare i casi limite. Se lo SVG usa filtri, maschere o font incorporati, verifica nei browser di destinazione che il risultato renderizzato resti invariato prima del rilascio.
Dovrei ottimizzare gli SVG dopo la pulizia?
Sì. La pulizia SVG è un primo passaggio; ottimizzazione e minificazione possono ridurre ulteriormente la dimensione. Eseguendo prima la pulizia SVG, offri a SVGO un file più semplice, che può produrre risultati migliori e meno avvisi. Se in seguito fai modifiche manuali, un secondo passaggio di pulizia SVG può rimuovere nuovi commenti o metadati introdotti dagli editor.
La pulizia mantiene ID e viewBox?
La pulizia SVG preserva attributi essenziali come viewBox, width, height e gli ID che usi in CSS o negli script. Se un ID è vuoto o duplicato, la pulizia SVG può rimuoverlo per evitare conflitti. Controlla l'output se dipendi da ID personalizzati. Se la pulizia SVG rimuove un ID che ti serve ancora, aggiungilo di nuovo ed esegui lo strumento una seconda volta, quindi documenta gli ID obbligatori per il team.
Il mio SVG viene caricato su un server?
No. La pulizia SVG funziona interamente nel browser e non carica mai il file. Questo flusso di pulizia SVG in locale è adatto a loghi sensibili, icone non ancora pubblicate o lavori per clienti. Puoi usarlo anche offline o dietro firewall, perché una volta caricata la pagina non sono necessarie chiamate di rete.
Rimuove le etichette di accessibilità?
Se le etichette sono significative, restano. Le etichette vuote o duplicate possono essere rimosse per ridurre il rumore. Puoi aggiungere un title o un aria-label dopo la pulizia se il tuo team richiede un formato specifico. Per requisiti di accessibilità più rigidi, aggiungi un title conciso e un aria-label dopo la pulizia e verifica con uno screen reader nel browser di destinazione. Se la tua organizzazione segue WCAG, includi role e aria-labelledby e valida con uno strumento di audit dell'accessibilità.
Posso formattare dopo la pulizia?
Sì. La formattazione può rendere il markup pulito più facile da leggere. Esegui il formattatore dopo il passaggio di pulizia per standardizzare indentazione e ordine degli attributi. I team spesso applicano la formattazione in CI per mantenere uno stile coerente tra repository ed evitare diff rumorosi nelle pull request. Se conservi gli SVG in un repository di componenti, un formato coerente rende le review più rapide e riduce i conflitti di merge.
La pulizia SVG è gratuita e utilizzabile senza download?
Sì. La pulizia SVG è gratuita e utilizzabile nel browser. Non sono necessari download né installazione.
Serve un account per usare la pulizia SVG?
No. La pulizia SVG funziona subito nel browser senza registrazione e i file restano in locale.