Ottimizzatore SVG
Ottimizza e comprimi file SVG online
Rimuovi metadati non necessari, dati dell'editor, gruppi e precisione con SVGO. Scegli l'ottimizzazione Sicura, Bilanciata o Massima, perfeziona i singoli passaggi e confronta il risultato prima di scaricare. Tutto funziona nel tuo browser.
Modifica dei valori predefiniti per i nuovi file
Anteprima
Nessuna anteprima. Aggiungi e seleziona file per vedere i risultati.
Nessun file ancora. Trascina file sopra o clicca SELEZIONA FILE.
Che cos'è SVG?
SVG (Scalable Vector Graphics) è un formato di immagine vettoriale basato su XML. Anziché pixel, un SVG descrive matematicamente forme, tracciati, riempimenti e contorni, così da poter essere reso a qualsiasi dimensione senza perdere qualità.
SVG è il formato vettoriale standard per il Web. È supportato nativamente da tutti i browser moderni e può essere formattato con CSS o animato con JavaScript o SMIL. Spesso è compatto per loghi, icone e illustrazioni, ma i file SVG complessi possono diventare grandi.
Quando ottimizzare un SVG
I file esportati da Illustrator, Figma, Inkscape o Sketch contengono metadati dell'editor, livelli nascosti, gruppi nidificati e coordinate con una precisione maggiore di quella necessaria a un browser. Ottimizza un SVG prima di incorporarlo in HTML, spedirlo in una libreria di componenti o servirlo come icona. Il markup più piccolo è più veloce da trasferire e analizzare, soprattutto quando viene ripetuto in HTML o JavaScript. Conserva il file sorgente originale: l'ottimizzazione è unidirezionale e i dati del percorso minimizzato sono difficili da modificare manualmente.
Come ottimizzare un SVG online
- 1
Trascina i tuoi SVG, o clicca SELEZIONA FILE, per aggiungerli alla coda. Fino a 40 alla volta.
- 2
Scegli Sicuro, Bilanciato o Massimo, disattiva i singoli passaggi che non vuoi e guarda aggiornarsi il risparmio per ogni file.
- 3
Clicca SALVA TUTTO per scaricare il risultato, o un unico ZIP quando la coda contiene più di un file.
Privacy: i tuoi file non escono dal browser
La conversione viene eseguita localmente nel tuo browser utilizzando JavaScript e WebAssembly. Non è previsto il caricamento di file o la conversione lato server, quindi i file che aggiungi rimangono sul tuo dispositivo.
L'elaborazione locale aiuta a proteggere i loghi riservati, i documenti interni e le opere d'arte inedite dei clienti. Le pagine e il codice di conversione vengono memorizzati nella cache mentre li utilizzi, quindi gli strumenti che hai già aperto possono continuare a funzionare senza una connessione di rete.
Domande frequenti
L'ottimizzazione cambierà l'aspetto del mio SVG?
Sicuro è la preimpostazione più conservativa. Bilanciato arrotonda inoltre le coordinate e rimuove gli attributi ridondanti, mentre Massimo unisce forme duplicate ed elimina le dimensioni fisse. Passaggi più aggressivi possono influire sui dettagli più fini o sul dimensionamento, quindi utilizza la differenza pixel per rivedere il risultato prima del download.
Qual è la differenza tra Sicuro, Bilanciato e Massimo?
Sono livelli cumulativi. Sicuro esegue nove passaggi che si limitano a eliminare markup: il prologo XML, i commenti, i metadati, i namespace dell'editor, le definizioni inutilizzate, i gruppi che passano solo gli attributi, i valori di colore lunghi e gli spazi bianchi. Bilanciato aggiunge la pulizia degli attributi, la rimozione degli elementi invisibili, la riscrittura dei tracciati e l'arrotondamento delle coordinate. Massimo aggiunge l'unione dei duplicati e la rimozione di larghezza e altezza, e ripete ogni passaggio finché il file non smette di ridursi. Ogni singolo passaggio si può disattivare in Opzioni avanzate.
Perché il mio file ottimizzato è appena più piccolo?
Di solito perché era già ottimizzato, oppure perché la sua dimensione è dominata da dati di tracciato che non si possono accorciare oltre, o da un'immagine raster incorporata in un data URI, che questo strumento non tocca mai. Abbassare le cifre decimali è di norma il guadagno più grande che resta sui disegni fatti a mano. Ricorda che il valore mostrato è la dimensione del file non compresso: gzip o Brotli sul tuo server lo comprimono molto di più, e un markup più pulito si comprime meglio.