Ottimizzatore SVG
Elimina il superfluo e alleggerisci il file
Dati di partenza
Risultato
Non hai ancora inserito nulla
Trascina un file o incolla il codice — il risultato comparirà qui.
Il viewBox viene sempre conservato, quindi il ridimensionamento adattivo non si rompe mai.
Gli SVG esportati da Illustrator o Figma portano con sé nomi dei livelli, metadati dell’editor e coordinate con molti più decimali di quanti se ne possano vedere. Rimuovere tutto questo di solito dimezza il file senza cambiarne l’aspetto.
Come si usa
- 1 Trascina qui un file SVG, oppure incolla il codice.
- 2 Regola le opzioni se serve — disattiva la pulizia degli ID quando il tuo CSS o JavaScript li usa.
- 3 Confronta il peso prima e dopo.
- 4 Copia il codice ottimizzato oppure scaricalo.
Domande frequenti
L’ottimizzazione cambia l’aspetto?
Con le impostazioni predefinite no. Abbassare troppo la precisione decimale è l’unica cosa che può irruvidire visibilmente le curve: se le forme lisce iniziano a sembrare spigolose, rialzala.
Quando conviene tenere gli ID?
Ogni volta che qualcosa fuori dal file vi fa riferimento: selettori CSS, JavaScript che anima un tracciato, o riferimenti interni come sfumature e maschere di ritaglio. Nel dubbio, lascia disattivata la pulizia degli ID.
Il viewBox viene conservato?
Sempre. Rimuoverlo romperebbe il ridimensionamento adattivo, quindi non viene mai toccato, qualunque siano le altre impostazioni.