Comprimi SVG

La dimensione dei file SVG (peso dell'immagine), a differenza delle bitmap, non dipende dalla dimensione in pixel, ma dipende dalla quantità di codice. Per le immagini di grandi dimensioni, i vantaggi del formato SVG sono evidenti. Si può presumere che SVG superi sempre le bitmap in termini di dimensioni del file, ma non è sempre così. Se stai creando siti Web, potresti avere familiarità con i file SVG. Non è un formato di immagine molto comune, ma è supportato dalla maggior parte dei browser Web moderni come Google Chrome, Microsoft Internet Explorer e Mozilla Firefox. SVG, che sta per Scalable Vector Graphics, è un formato di grafica vettoriale basato su XML. I file SVG possono essere ottimizzati per tre cose: dimensione del file, velocità di rendering e modifica. Nella maggior parte dei casi, è necessaria l'ottimizzazione per la modifica, specialmente per i disegni complessi.

La quantità di codice SVG può essere ridotta tramite l'ottimizzazione. Rimozione dei metadati. Dopo aver salvato negli editor grafici (ad esempio Adobe Illustrator), il codice SVG contiene molte informazioni non necessarie, la cui rimozione ridurrà le dimensioni del file e non influenzerà in alcun modo l'immagine. Rimozione di oggetti non necessari. L'immagine può contenere oggetti non necessari o nascosti, nonché tag che raggruppano oggetti, la cui rimozione non influisce sull'immagine. Rimozione di classi e identificatori inutilizzati. Quando si modificano le immagini vettoriali, gli editor grafici possono aggiungere classi e identificatori ai tag, che non sono necessari per la versione finale dell'immagine. Ottimizzazione degli attributi dei tag. L'uso frequente di attributi può essere sostituito con proprietà CSS: con un numero elevato di elementi, questo può ridurre notevolmente il peso dell'SVG. Rimozione di nodi non necessari. Ogni punto in un'immagine vettoriale si riflette nel volume del codice: rimuovere i nodi non necessari aiuterà a ridurne il volume.