Un attimo...(/)
Stiamo attualmente ottimizzando le tue immagini. Attendere un momento mentre garantiamo i migliori risultati di qualità per te.
Perfetto, abbiamo compresso con successo le tue immagini.
Immagini ottimizzate.
Comprimi Immagini SVG Online
Rimuovi i metadati, mantieni il vettore: il tuo SVG resta identico
Ottimizzazione in corso...
Comprimi i file SVG eliminando ciò che l’editor ha lasciato
Apri un SVG con Blocco Note e vedrai tutto: tag, numeri, testo. Questo è il formato. Niente pixel, nessuna fotografia, solo istruzioni per disegnare forme. Questo è importante perché cambia il significato di compressione in questo contesto. Non viene compresso o approssimato nulla. Il testo ridondante viene semplicemente eliminato e il disegno rimane intatto.
Da dove viene davvero il peso
Quasi nulla è l’opera d’arte in sé. Esporta un logo da Illustrator, Figma o Inkscape e il file arriva pieno della burocrazia dell’editor: un commento del generatore, un DOCTYPE che nessuno usa dal 2008, una dichiarazione XML, un blocco di metadati che descrive il documento in RDF, nomi dei livelli e uno stile pieno di classi che nessun elemento utilizza. Su un vero logo che abbiamo testato, tutto questo rappresentava circa due terzi del file. Le forme erano la parte minore.
Poi ci sono i numeri. Gli editor scrivono le coordinate con tutta la precisione possibile, quindi un rettangolo che si trova a 10 e largo 180 viene memorizzato come 10.000000 e 180.00000000. Moltiplica questo per ogni punto in ogni percorso e solo i decimali possono pesare più del disegno stesso.
Rimane un vettoriale, quindi non c’è qualità da perdere
Questa è la parte che preoccupa inutilmente molte persone. Un SVG non ha risoluzione. Viene disegnato ogni volta da zero, alla dimensione in cui viene visualizzato, che sia una favicon da 16 pixel o un cartellone pubblicitario. Rimuovere un blocco di metadati non cambia nulla di tutto ciò. Il file che ricevi indietro si ridimensiona esattamente come quello che hai caricato, appare identico a qualsiasi dimensione ed è ancora completamente modificabile nel programma in cui l’hai creato.
Cosa viene rimosso
La pulizia è volutamente conservativa. Si concentra su elementi che non influenzano il rendering.
| Rimossi | Mantenuti |
|---|---|
| Commenti dell’editor e stringhe del generatore | Ogni forma, percorso e curva |
| Il blocco metadati e i suoi namespace RDF | Colori, gradienti e opacità |
| DOCTYPE e dichiarazione XML | Elementi di testo e font |
| Definizioni non utilizzate da nessuno | Filtri, maschere e clip path in uso |
| Gruppi e livelli vuoti | Trasformazioni e viewBox |
| Decimali eccessivi nelle coordinate | Qualsiasi cosa cambi ciò che vedi |
Perché SVG più piccoli contano più delle foto più piccole
Un SVG è solitamente un logo o un’icona, il che significa che si trova nell’intestazione di ogni pagina di un sito e si carica prima di tutto il resto. Le foto si caricano tardi e in modo pigro. Le icone no. Risparmiare qualche kilobyte su un logo nell’intestazione vale di più per il punteggio di velocità della pagina rispetto a risparmiare la stessa quantità su un’immagine a metà articolo, perché l’intestazione è ciò che il browser aspetta prima di poter mostrare la pagina.
Una cosa da controllare prima di pubblicare
La pulizia accorcia gli attributi id interni al file. I riferimenti all’interno dello stesso SVG vengono aggiornati di conseguenza, quindi gradienti, maschere e clip path continuano a funzionare e il disegno viene visualizzato esattamente come prima. Quello che non può sapere è il codice esterno al file. Se il tuo SVG fa parte di uno sprite di icone a cui puntano altre pagine, o se un foglio di stile o uno script accede a un elemento tramite il suo id, conviene testare questi collegamenti dopo aver sostituito il file. Per un semplice logo o un’icona esportata, che rappresentano la maggior parte degli SVG, non c’è nulla da controllare.
Se il tuo SVG contiene una fotografia
A volte un SVG non è davvero un vettoriale. Se inserisci una foto nell’area di lavoro di Illustrator ed esporti come SVG, l’immagine viene incorporata come una lunga stringa base64 all’interno dell’XML. Il file può arrivare a due megabyte con una sola forma. La pulizia del markup non tocca quel blocco, perché non è markup. Se il tuo file si riduce a malapena e all’inizio conteneva una foto, ecco il motivo: la soluzione è estrarre l’immagine e comprimerla separatamente come JPEG o PNG.
Niente da impostare
Non ci sono opzioni, nessun livello di compressione e nessuna scheda avanzata. Carica il file, ricevi la versione pulita. Anche più file insieme funzionano allo stesso modo: puoi scaricarli uno per uno man mano che finiscono o scaricare tutto il set come ZIP.
Cosa succede ai tuoi file
I file viaggiano su una connessione crittografata, vengono puliti e vengono eliminati dal server dopo un’ora. Nulla viene conservato o utilizzato per altri scopi.
Cosa ottieni
- Metadati dell’editor, commenti del generatore, DOCTYPE e definizioni inutilizzate rimossi
- Coordinate arrotondate a una precisione sensata invece di nove decimali
- Un file che si ridimensiona ancora all’infinito e si apre ancora nel tuo editor
- Rendering identico a qualsiasi dimensione, verificato rispetto all’originale
- Caricamento multiplo, con download singoli o dell’intero set come ZIP
- Nessun account, nessuna installazione e file eliminati dal server dopo un’ora
Cosa fare dopo?
Lavori con un logo che esiste anche come bitmap? Comprimi PNG gestisce la versione trasparente e Comprimi WebP quella moderna. E se l’SVG contiene una fotografia nascosta al suo interno, Comprimi JPG è il posto giusto per quell’immagine.
Domande frequenti
No, e non può succedere. Un SVG non ha pixel né risoluzione. È un insieme di istruzioni di disegno che il browser segue ogni volta, alla dimensione in cui viene visualizzata l’immagine, quindi è esattamente nitido su uno smartphone come su un cartellone. La pulizia del file rimuove solo il testo che non disegna nulla, come commenti e metadati. Le forme, le curve e i colori restano invariati, quindi il risultato viene visualizzato identico a qualsiasi dimensione.
La burocrazia aggiunta dal tuo editor. Illustrator, Figma e Inkscape scrivono tutti un commento del generatore, una dichiarazione XML, un DOCTYPE, un blocco di metadati in RDF, nomi dei livelli e spesso uno stile con classi inutilizzate. Inoltre, le coordinate vengono scritte con la massima precisione, quindi un valore di 180 viene memorizzato come 180.00000000. Su un logo esportato tipico, tutto questo rappresenta circa due terzi del file. La parte che disegna l’immagine è quella più piccola.
Sì. Il risultato è un normale SVG, quindi si apre in Illustrator, Figma, Inkscape o in qualsiasi editor di testo esattamente come l’originale. L’unica differenza è che parte della burocrazia dell’editor viene rimossa, quindi i nomi dei livelli potrebbero non tornare come li avevi lasciati. L’opera d’arte in sé resta invariata e completamente modificabile.
Due motivi comuni. O era già ottimizzato, cosa che succede con SVG esportati da strumenti che puliscono il file in uscita o file già passati da un ottimizzatore, oppure il file contiene una fotografia incorporata. Questo secondo caso sorprende molti: inserire una foto nell’area di lavoro di Illustrator ed esportare come SVG incorpora l’immagine come un blocco base64 nell’XML. Quel blocco è un dato immagine e non markup, quindi la pulizia del markup non lo tocca. Se un SVG da due megabyte cambia a malapena, aprilo con un editor di testo e cerca una stringa molto lunga che inizi con data:image.
Può succedere, ed è bene saperlo prima di pubblicare. La pulizia accorcia gli attributi id all’interno del file. I riferimenti interni allo stesso SVG vengono aggiornati, quindi gradienti, maschere e clip path continuano a funzionare e l’immagine viene visualizzata come prima. Il codice esterno al file è diverso: se un foglio di stile punta a un elemento tramite id, se JavaScript anima un nodo specifico o se il file fa parte di uno sprite usato da altre pagine, testa questi casi dopo aver sostituito il file. Per un logo isolato o un’icona esportata, che rappresentano la maggior parte degli SVG, non c’è nulla di cui preoccuparsi.
Sì, e le due cose funzionano bene insieme invece che in concorrenza. Questa pulizia elimina il testo che non dovrebbe essere nel file. Gzip, che il tuo server applica durante l’invio del file, comprime il testo che rimane. Fare entrambe le cose è la prassi e il risultato combinato è più piccolo che usare solo una delle due. Vale anche la pena verificare che il server abbia effettivamente la compressione attivata per il tipo di contenuto image/svg+xml, dato che alcune configurazioni predefinite coprono solo HTML, CSS e JavaScript.