Ottimizzatore e compressore di SVG
Gli SVG esportati dagli editor di design di solito contengono metadati, commenti e coordinate con troppi decimali. Incolla il codice o carica i tuoi file e SVGO li ripulisce subito: vedrai quanto pesano prima e dopo, con un’anteprima di entrambi. Tutto avviene nel tuo browser.
Elaborato al 100% nel tuo browser
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Incolla il codice SVG o trascina uno o più file .svg.
- 2Regola le opzioni: decimali, più passaggi, viewBox, id e dimensioni.
- 3Confronta dimensione e anteprima dell’originale e della versione ottimizzata.
- 4Copia il codice o scarica l’SVG (o tutti in uno ZIP).
Casi d’uso
- Ridurre il peso di icone e loghi di un sito perché si carichi più in fretta.
- Ripulire l’SVG esportato da Figma, Illustrator o Inkscape prima di incorporarlo.
- Preparare illustrazioni per un’app o una libreria di componenti.
- Rimuovere le dimensioni fisse perché un SVG si adatti al suo contenitore.
Domande frequenti
Di quanto si riduce un SVG?
Dipende dal file: gli SVG esportati dagli editor di solito si riducono dal 30 % al 70 %. Lo strumento mostra il risparmio esatto.
L’ottimizzazione rovina l’immagine?
Con le impostazioni predefinite non si vedono cambiamenti. Se riduci molto i decimali, forme molto piccole possono deformarsi: confronta sempre con l’anteprima.
Perché mantenere il viewBox?
Il viewBox permette all’SVG di scalare con il CSS. Senza di esso non si adatta al suo contenitore, per questo viene mantenuto di default.
A cosa serve mantenere gli id?
Se il tuo CSS, il tuo JavaScript o un `<use>` fanno riferimento a identificatori dell’SVG, l’ottimizzazione li rinominerebbe spezzando quei collegamenti.
I miei file vengono caricati?
No. SVGO viene eseguito nel tuo browser e i file non lasciano il tuo dispositivo.