Ottimizzatore SVG

Un SVG non è un’immagine compressa, è un documento XML di testo che descrive forme: tutto quello che un editor ci scrive dentro resta nel file. Illustrator, Figma e Inkscape aggiungono i propri namespace e attributi, un DOCTYPE, commenti, livelli nascosti, gruppi vuoti e coordinate con sei o più decimali. Nulla di tutto questo influisce sul rendering, ed è per questo che una pulizia a livello di testo può togliere gran parte dei byte lasciando la stessa immagine.

Commenti, prologo XML e DOCTYPE, blocchi di metadati, attributi e namespace specifici degli editor che nessuno richiama, blocchi di stile con classi mai usate, gruppi e defs vuoti, e trasformazioni che non fanno nulla come translate(0,0) o scale(1). Poi riscrive ciò che resta: numeri arrotondati a tre decimali, colori rgb() convertiti in esadecimale, esadecimali a sei cifre accorciati a tre quando possibile, dati dei path privati dei separatori superflui e spazi bianchi compattati.

La geometria viene arrotondata a tre decimali, che a qualsiasi dimensione reale di visualizzazione è molto meno di un pixel: il risultato è visivamente identico. La perdita vera è la modificabilità, perché livelli nascosti e dati dell’editor spariscono: conserva l’originale se pensi di riaprire il file in un programma di grafica. Da sapere anche cosa non fa: non unisce mai i path e non converte le forme in path.

Sì, senza registrazione e senza limiti. La riscrittura avviene in un Web Worker dentro il tuo browser, così l’interfaccia resta reattiva anche sui file grandi e il markup non lascia mai il tuo dispositivo.