Come si usa
- Scegli o trascina file SVG (anche più di uno) oppure incolla sotto codice SVG. Fai clic su Carica esempio per provarlo.
- Regola cifre decimali e altre opzioni. I risultati si aggiornano subito e mostrano quanto ogni file è diventato più piccolo.
- Scarica ogni file ottimizzato oppure fai clic su Scarica tutto (ZIP). Il codice incollato può essere copiato direttamente.
Opzioni spiegate
- Cifre decimali
- Quanti decimali conservano coordinate e numeri, 3 in via predefinita. Le icone di solito appaiono uguali con 1–2; per illustrazioni dettagliate e mappe mantieni 3 o più.
- Più passaggi
- Ripete l'ottimizzazione finché il file smette di ridursi. Spesso risparmia qualche percento in più e richiede un po' più tempo.
- Rimuovi larghezza/altezza
- Conserva solo viewBox, così l'SVG si adatta al contenitore: utile quando lo dimensioni con CSS.
- Mantieni ID
- Per impostazione predefinita gli ID inutilizzati vengono rimossi e gli altri accorciati. Seleziona questa opzione se CSS, JavaScript o altri file esterni fanno riferimento agli elementi tramite ID.
Esempio
L’originale (esportato da Inkscape, 789 byte) contiene dichiarazione XML, commento, metadati, attributi solo per l’editor e decimali lunghi. L’ottimizzato (248 byte) è:
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="60" cy="60" r="50" style="fill:#0f766e;fill-opacity:1;stroke:none"/><path d="m40 62 14 14 28-30-6-6-22 24-8-8Z" style="fill:#fff;stroke:none"/></svg>Domande frequenti
L'immagine apparirà peggiore?
SVG è un formato vettoriale. L'ottimizzazione rimuove solo contenuti che non influiscono sul rendering e arrotonda i numeri ai decimali scelti. Con i valori predefiniti non c'è differenza visibile; se una forma si deforma, aumenta i decimali.
Quanto si ridurrà?
Dipende dal programma che l'ha esportato. Gli SVG degli strumenti di design spesso si riducono del 30–70%: l'esempio passa da 789 a 248 byte. I file già ottimizzati cambiano poco.
Perché un'animazione o uno script ha smesso di funzionare?
Se gli stili o gli script dell'SVG selezionano gli elementi tramite ID, seleziona Mantieni ID.
I miei file vengono caricati?
No. SVGO gira nel browser; i file vengono letti ed elaborati localmente.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.