SVG editor

Pulisci gli script, gli eventi e le risorse esterne in SVG, usa SVGO per ottimizzare le dimensioni e segnalare le differenze, quindi visualizza in anteprima e scarica una copia sicura.

Elaborazione locale nel browser
Questa pagina ha superato il controllo della directory pubblica; per usare tutte le funzionalità, abilita JavaScript.
Guida all’uso

Come utilizzare l’editor SVG

Il testo SVG viene ripulito, ottimizzato e visualizzato in anteprima solo nel browser corrente; non viene caricato e non vengono richieste attivamente risorse esterne.

  1. Inserisci SVG

    Incolla il contenuto o carica un file SVG di dimensioni non superiori a 2 MiB, quindi scegli se eseguire più cicli di ottimizzazione.

  2. Pulizia e ottimizzazione sicure

    Lo strumento rimuove prima script, eventi, risorse esterne ed elementi pericolosi, quindi ottimizza con SVGO e infine esegue nuovamente la pulizia di sicurezza.

  3. Verifica e scarica

    Visualizza i byte originali, quelli dopo la pulizia e l’ottimizzazione, nonché le statistiche di rimozione; dopo aver confermato l’anteprima, copia o scarica una copia sicura.

Limiti e note

  • La pulizia di sicurezza eliminerà attivamente gli script, foreignObject, gli attributi degli eventi, i riferimenti esterni e alcuni stili; l’aspetto o l’interazione di SVG che dipendono da questi contenuti potrebbero cambiare.
  • L’ottimizzazione potrebbe riscrivere percorsi, attributi, ID e la precisione numerica; non è adatta a conversioni di andata e ritorno senza perdita che debbano conservare la struttura del codice sorgente, i collegamenti alle animazioni o i metadati dell’editor.
  • Il superamento dell’anteprima del browser non garantisce che SVG sia uniforme in tutti i renderer; per la grafica importante, confronta visivamente il risultato scaricato e testalo nell’ambiente di destinazione.

Domande frequenti

Perché è necessario eseguire una nuova pulizia dopo l’ottimizzazione?

Questo serve a garantire che l’anteprima finale e il download continuino a rispettare i criteri di sicurezza, senza che alcun passaggio di conversione reintroduca strutture vietate.

Più cicli di ottimizzazione rendono necessariamente il risultato più piccolo?

In genere riduce ulteriormente la ridondanza, ma richiede più tempo e comporta più riscritture; fai riferimento al rapporto e ai risultati del controllo visivo.

È possibile modificare i nodi del grafico?

Questo strumento serve per ripulire, ottimizzare e visualizzare in anteprima il codice sorgente; non offre la modifica tramite trascinamento dei nodi come i software di disegno vettoriale.

Feedback della paginaHai trovato un problema o hai un suggerimento per migliorare?
La funzione di feedback deve essere usata nella versione online

Invia nella versione online dopo aver abilitato JavaScript; le funzioni locali del tool o del caso d’uso non sono influenzate.

Vai alla versione online per inviare feedback