Lo Scalable Vector Graphics (SVG) è un formato di file vettoriale compatibile con il web. A differenza dei file raster basati su pixel, come i JPEG, i file vettoriali memorizzano le immagini tramite formule matematiche basate su punti e linee su una griglia. Ciò significa che i file vettoriali come gli SVG possono essere ridimensionati in modo significativo senza perdere qualità, caratteristica che li rende ideali per loghi e grafica online complessa.
I file SVG sono molto popolari nel mondo della progettazione web non solo per le loro capacità di ridimensionamento. Questi file sono scritti in codice XML, quindi memorizzano le informazioni di testo come caratteri alfabetici e non come forme. Ciò permette ai motori di ricerca, come Google, di leggere la grafica SVG per individuarne le parole chiave, contribuendo potenzialmente a migliorare il posizionamento di un sito nei risultati di ricerca.
Puoi riconoscere facilmente un file SVG dalla sua estensione .svg.
I file SVG hanno fatto molta strada negli ultimi anni, ma a cosa servono in pratica?
Loghi e icone di siti web.
I team di design utilizzano spesso gli SVG per visualizzare loghi aziendali e icone di siti web, ad esempio i pulsanti. Questo tipo di file ha la capacità di ingrandire o rimpicciolire le immagini senza mai comprometterne la qualità, il che lo rende ideale per contenuti grafici che devono essere visualizzati in più contesti e in diverse dimensioni.
Infografiche e illustrazioni.
Grazie all’uso di XML all’interno dei file SVG, i motori di ricerca come Google possono leggere grafici e diagrammi che contengono molti elementi testuali, il che può favorire l’ottimizzazione per i motori di ricerca (SEO). Dato che Google è in grado di rilevare le parole chiave negli SVG, questi possono potenzialmente contribuire a migliorare il posizionamento di una pagina web nei risultati di ricerca. Inoltre, per rendere le pagine web molto più interessanti, gli SVG supportano anche l’animazione.
Scopri altri file vettoriali
Il formato di file SVG non è solo per immagini statiche. È disponibile un’ampia gamma di strumenti online che consentono di introdurre elementi in movimento nelle grafiche web. Le animazioni SVG possono includere elementi relativamente semplici, come una funzione di scorrimento per spostarsi tra le diverse slide di un'infografica. Anche le illustrazioni possono essere animate, ad esempio facendo muovere le lancette sul quadrante di un orologio.
Il modo più semplice per riconoscere un file SVG è controllare il codice di estensione, che per questo formato è .svg. Per individuare i file vettoriali come gli SVG, puoi anche provare a ingrandire le immagini fino al 200% o più sullo schermo del computer. Un’immagine vettoriale manterrà linee nitide e colori uniformi anziché diventare pixelata o sfocata.
Le immagini SVG sono utilizzate principalmente sul web, ma hanno anche altri impieghi al di fuori del mondo online. Ad esempio, dato che non subiscono distorsioni quando vengono ridimensionati, i file SVG sono utili come modelli per la stampa su capi di abbigliamento, come felpe e magliette. Il trasferimento di un file JPEG, composto da molti pixel, non produrrebbe un risultato altrettanto nitido.
La dimensione di un file SVG dipende dalla quantità di dati immagine che contiene, ma di solito è inferiore alla maggior parte degli altri tipi di file. Le grafiche complesse con molti tracciati e punti di ancoraggio occuperanno più spazio di archiviazione rispetto a progetti più semplici e puliti. Cerca di ridurre al minimo il numero di istruzioni complesse contenute nel file.
In poche parole, gli SVG sono file vettoriali, mentre i PNG sono file raster. Se ingrandisci o riduci troppo un file PNG, questo diventerà sfocato e pixelato. Gli SVG non contengono pixel, quindi non perderanno mai risoluzione. Inoltre, i PNG non supportano l’animazione.
