Questo strumento carica il motore SVGO ufficiale per browser solo dopo un clic su Ottimizza. Usa la configurazione standard dei plugin, rimuove script e gestori di eventi per un utilizzo web più sicuro e permette di conservare gli ID da cui dipendono CSS, JavaScript, gradienti, maschere o riferimenti esterni.
Ottimizzare SVG gratis
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
Script e gestori di eventi vengono rimossi
SVG originale
SVG ottimizzato
Ctrl o Command + Invio
Incolla il markup SVG o scegli un file per iniziare
A cosa serve un ottimizzatore SVG?
Un ottimizzatore SVG riduce le dimensioni dei file vettoriali eliminando metadati dell’editor, commenti, attributi ridondanti e cifre decimali inutili. Incolla il markup o scegli un file per eseguire SVGO nel browser, confronta le versioni originale e ottimizzata, quindi copia o scarica l’SVG più leggero senza caricare la grafica online.
Come si usa
- 1Aggiungi l’SVG. Incolla il markup SVG completo, trascina un file .svg locale nell’area di caricamento oppure apri l’esempio incluso.
- 2Scegli impostazioni sicure. Imposta la precisione numerica, lascia attiva l’elaborazione multipass per ridurre ancora il file e conserva gli ID se altro codice li richiama.
- 3Ottimizza e confronta. Esegui SVGO, poi confronta i byte e le anteprime della versione originale e di quella ottimizzata.
- 4Copia o scarica. Copia il markup compatto o scarica un nuovo file .optimized.svg lasciando invariata la grafica originale.
A chi serve
- Sviluppatori frontend che riducono icone, loghi e illustrazioni prima di inserirli in un sito o in una libreria di componenti.
- Designer che eliminano metadati e markup specifici dell’editor dalle esportazioni di Figma, Illustrator, Sketch o Inkscape.
- Team che curano le prestazioni e misurano l’esatto risparmio di byte UTF-8 prima di pubblicare risorse vettoriali in un bundle web.
- Autori di componenti che preparano markup SVG inline compatto per React, Vue, Svelte o semplice HTML.
Domande frequenti
Questo ottimizzatore SVG è gratis?
Sì. Puoi ottimizzare i file SVG senza account, pagamenti o installazioni. Lo strumento mostra la variazione esatta in byte UTF-8 e consente di copiare o scaricare il risultato dal browser.
Il mio SVG viene caricato su un server?
No. La lettura del file, l’elaborazione con SVGO, il conteggio dei byte e la creazione delle anteprime avvengono nel browser. Lo strumento non carica loghi, icone o grafiche non ancora pubblicate.
Quanto può essere grande il file SVG?
Lo strumento accetta codice SVG fino a 5 MB. Questo limite mantiene rapida l’analisi su telefoni e portatili comuni. Per le illustrazioni esportate molto pesanti, rimuovi le immagini raster incorporate oppure dividi la grafica in file più piccoli.
L’ottimizzazione può cambiare l’aspetto dell’SVG?
SVGO cerca di mantenere invariato il rendering mentre rimuove i dati ridondanti, ma un arrotondamento numerico aggressivo o la pulizia degli ID può influire sui file complessi. Confronta entrambe le anteprime e prova l’SVG ottimizzato nel contesto reale prima di sostituire una risorsa in produzione.
Che cosa cambia la precisione decimale?
La precisione decimale stabilisce quante cifre SVGO conserva in coordinate, trasformazioni e altri valori numerici. Valori più bassi spesso fanno risparmiare byte, ma possono spostare dettagli molto fini o elementi di grafiche insolitamente grandi. Tre cifre sono un valore pratico per la maggior parte delle icone e illustrazioni web.
Conviene conservare gli ID dell’SVG?
Conserva gli ID se sono richiamati da CSS, JavaScript, attributi aria, gradienti, maschere, filtri o documenti esterni. Per i file decorativi autonomi puoi disattivare l’opzione e lasciare che SVGO rimuova o accorci gli identificatori inutilizzati.
L’ottimizzatore rimuove gli script dai file SVG?
Sì. Il processo rimuove gli elementi script, gli attributi dei gestori di eventi e i collegamenti JavaScript. I file esportati diventano più sicuri per l’uso come normali immagini web, ma lo strumento non è adatto alle applicazioni SVG che dipendono dagli script.
A cosa serve l’ottimizzazione multipass?
La modalità multipass permette a SVGO di elaborare nuovamente il risultato finché ogni passaggio riesce a ridurlo. Alcune trasformazioni creano nuove possibilità di pulizia per il passaggio successivo. Il guadagno extra è spesso limitato, perché il primo passaggio produce gran parte del risparmio.