Di Riccardo Esposito | Pubblicato il - Aggiornato il
SVG (Scalable Vector Graphics) è un formato di file basato su XML per descrivere grafica vettoriale 2D. A differenza dei formati di immagini raster JPG o PNG, i file SVG contengono informazioni su forma, colore e altre proprietà.
Cos’è un file SVG? È l’acronimo di Scalable Vector Graphics, vale a dire Grafica Scalabile Vettoriale, ed è una tecnologia per creare immagini vettoriali, scalabili a qualsiasi dimensione mantenendo una qualità molto alta e risparmiando sul peso.
Chi lavora online deve avere una buona conoscenza di tutti i file che Google indicizza e che possono essere usati per creare ottime pagine web.
Di solito ci accontentiamo di soluzioni JPG per le foto o PNG se affrontiamo grafiche e immagini, possiamo creare GIF per le animazioni. Ma ci limitiamo a questo. Non è la soluzione ideale, sai? Meglio approfondire quello che è uno dei formati più utili.
Cos’è un file SVG: definizione e spiegazione
Indice dei contenuti
Con questo acronimo (Scalable Vector Graphics) identifichiamo un formato aperto dedicato alla visualizzazione di grafica vettoriale con elementi interattivi. Le sue caratteristiche principali: si basa sul linguaggio XML, non perde qualità se zoomato, descrive elementi bidimensionali e si trova a suo agio con animazioni.
Quali sono i vantaggi del formato SVG sul web
Quando si prende in considerazione la possibilità di scegliere un determinato formato per le immagini si punta sempre verso la domanda: quali sono i lati positivi? Presto detto: la geometria è basata su base matematica e non con i pixel rigidi.
In questo modo è possibile ridimensionare l’elemento grafico a piacimento senza perdere la qualità. Vuoi un esempio concreto per affrontare questo passaggio?
Un’immagine sul web sembra di buona finitura. Però se la ingrandisci perde di qualità e questo non succede con i file SVG. Ma hai buoni risultati anche in termini di peso?
Sì, il file SVG riesce a dare buoni risultati anche in termini di compressione immagine. Quindi, ben venga l’uso di questo formato sul tuo sito. Anche perché è perfetto per la SEO. Continua a leggere per avere qualche dato in più.
Google indicizza il formato SVG sulle pagine?
Sì, il motore di ricerca accetta questo formato senza problemi. L’indicizzazione dei contenuti SVG avviene attraverso i file o integrazione con il codice HTML.
Nel comunicato ufficiale Google ricorda che il web è grande, e che potrebbe richiedere del tempo prima di eseguire la scansione e l’indicizzare del materiale.
Molti si chiedono quanto sia utile e fattibile sul web l’uso delle immagini in formato SVG. In realtà l’alta qualità unito al peso ridotto rendono questo formato molto interessante e indicato per gli elementi grafici. Anzi, Google suggerisce questo:
Per creare icone più complesse, SVG offre un risultato più leggero, intuitivo e personalizzabile con CSS. SVG offre diversi vantaggi rispetto alle immagini raster.
Puoi utilizzare file SVG per tutti i grafici vettoriali ed elementi a tinta unita. Tra questi visual puoi inserire logo, elemento decisivo per la tua identità online. Per questo è giusto usare un formato capace di non perdere mai la sua chiarezza.
Quando evitare la grafica scalabile vettoriale
Il file SVG è perfetto per immagini che devono essere scalate e che mantenere sempre la stessa qualità, ma anche per gli sfondi che si ripetono.
Infatti il peso di questo formato è minimo. Non riesce a restituire lo stesso risultato nel sostituire foto e immagini complesse. In questi casi conviene usare il formato JPG, ovviamente con una buona compressione per mantenere la qualità e alleggerire le foto in modo da avere sempre un WordPress molto veloce.
Come convertire file PNG in SVG (e viceversa)
Può far comodo avere una soluzione per trasformare immagini PNG in SVG. Ma anche il contrario, è ovvio. Per questo consiglio di usare Convertio.co.
Questo tool per vettorializzare un’immagine online converte i formati in un attimo, ma fa anche il lavoro inverso. Ovvero da SVG a PNG. L’aspetto interessante?
Trasforma qualsiasi tipo di file. Puoi usare questo strumento per convertire testo in SVG ma anche trasformare JPG in vettoriale. Senza dimenticare il DOC.
Da leggere: come ottimizzare le immagini per il web
Hai usato Scalable Vector Graphics sul sito?
Come sempre accade in questi casi, ci sono delle soluzioni utili per determinate occasioni. Una foto complessa deve essere in formato JPG, su questo non si discute. Ma spesso il file SVG può fare la differenza. Tu non credi?
Categoria: Guide per webmaster