Rimuovi metadati inutilizzati e tag degli editor per ridurre le dimensioni dei file SVG.
I file vettoriali Scalable Vector Graphics (SVG) generati da software di grafica professionale (come Adobe Illustrator, Figma, Inkscape o Sketch) contengono sistematicamente metadati XML proprietari superflui, commenti dell'editor, tag di anteprima non visualizzabili, attributi di stile ridondanti e coordinate dei tracciati con una precisione numerica eccessiva (fino a 6 o 8 cifre decimali). Questo sovraccarico di testo aumenta inutilmente il peso del file vettoriale rallentando il caricamento delle pagine web e appesantendo il DOM del browser.
Immaginiamo uno sviluppatore web che deve integrare nell'interfaccia un'icona SVG esportata da un software di disegno con un peso iniziale di 48 KB. Incollando il codice o caricando il file nello strumento di ottimizzazione (basato sui principi del celebre standard SVGO), il motore rimuove tag <metadata>, elimina attributi non conformi, converte stili CSS in linea, collassa le trasformazioni geometriche e arrotonda la precisione decimale delle coordinate numeriche dei tracciati a 1 o 2 decimali. Il risultato è un file SVG pulito dal peso ridotto a soli 11,2 KB, realizzando un risparmio di peso del 76,6%, senza che a schermo sia visibile alcuna imperfezione geometrica sui contorni dell'illustrazione.
Tutta l'analisi dell'albero XML, l'ottimizzazione dei tracciati matematici e la minificazione avvengono al 100% in memoria locale all'interno del tuo browser. I tuoi file grafici proprietari, loghi aziendali e illustrazioni non vengono mai caricati su server cloud esterni, garantendo la totale riservatezza dei tuoi asset.
Albero Documento SVG (DOM XML) → Pipeline Regole SVGO (Elimina Metadati, Collassa Gruppi <g>, Arrotonda Coordinate Path 'd') → Codice Vettoriale Minificato
Applica oltre 30 trasformazioni sintattiche deterministiche sul testo XML eliminando elementi privi di resa visiva e ottimizzando le istruzioni matematiche di disegno vettoriale.
<sodipodi:namedview> o <adobe-illustrator> non hanno alcun valore per il browser; rimuovili per snellire il codice.<g> non necessari e coordinate ripetute nei tracciati path.