SVG (Scalable Vector Graphics) non è altro che un tipo di file vettoriale. In un file vettoriale le immagini sono costruite con l’utilizzo di forme geometriche come righe, punti, curve etc. Non essendo un’immagine fatta di Pixel potrà essere ingrandita e rimpicciolito quanto si vuole senza che perda nitidezza.
I VANTAGGI NELL’UTILIZZO DI IMMAGINI SVG IN UN SITO WEB
Dimensioni del file piccolissime.
I file vettoriali generalmente hanno dimensioni davvero piccolo, parliamo di pochi kb, a differenza di un’immagine raster come un PNG o un JPG che spesso hanno dimensioni notevoli.
Questo vuol dire che il tuo sito sarà molto più veloce.
Non sai come rendere le tue immagini jpg o png più leggere?
Leggi il nostro articolo: LEGGI->
Animazioni
I file SVG essendo vettoriali possono essere animati grazie al codice CSS od con l’ausilio di plugin appositi. Alta definizione su ogni schermo o device.
Le tue immagini caricate in SVG saranno sempre nitide e definite, su ogni schermo sia Retina che non, e su qualsiasi device come Smartphone, Ipad o Desktop.
Inoltre potrai ingrandire la tua immagine quanto vuoi e non sgranerà mai non essendo fatta di Pixel.
COME CARICARE IMMAGINI SVG IN UN SITO WORDPRESS
Ormai molti temi includono questa possibilità, senza che tu debba fare nulla.
Se così non fosse dovrai utilizzare un Plugin che svolge in modo egregio questo compito, si tratta di: SAFE SVG—>Vai alla pagina di Download.
Grazie a questo plugin sarai in grado di caricare immagini retina sul tuo sito WordPress, cosa che altrimenti non potresti fare, dato che WP di default non accetta questo tipo di file per ragioni di sicurezza.
COME FARE
Puoi scaricare il plugin direttamente da wordpress.
Clicca su plugin dalla Dashboard di Wp.
Poi clicca su—> Aggiungi nuovo.
Nella barra di ricerca—> digita: SAFE SVG
Clicca su—> Installa e poi su —>Attiva.
Fatto!
SAFE SVG è il modo migliore per consentire i caricamenti SVG in WordPress. Ti dà la possibilità di consentire i caricamenti in formato SVG assicurandoti che siano disinfettati per bloccare le vulnerabilità SVG / XML che possono colpire il tuo sito web. Ti dà anche la possibilità di visualizzare in anteprima i file SVG caricati nella libreria multimediale.
Ora non dovrai fare altro che andare nella sezione MEDIA di WP e caricare ad esempio il tuo logo in vettoriale con estensione .svg.
Un file SVG nient’altro è che un file vettoriale, quindi a differenza delle immagini jpg o png, un file Svg rimarrà sempre in alta definizione su qualsiasi device e in qualsiasi dimensione vorrai utilizzarlo.
Se utilizzi wordpress saprai benissimo che una buona parte dei contenuti sono immagini, per cui avrai sicuramente dimestichezza con programmi come Illustrator o Affinity Designer.
Quindi apri il tuo logo in uno di questi programmi, seleziona l’immagine ed esportala nel formato svg con fondo trasparente.
Ricordati di utilizzare sempre un Plugin di sicurezza come Wordfence o Sucuri per evitare che il caricamento di file SVG apra le porte a qualche attacco o intrusione.
Non hai ancora installato nessun Firewall sul tuo sito?
La sicurezza è importante ed è meglio proteggersi.
Non sai quale plugin utilizzare?
I migliori plugin di sicurezza sono in assoluto:
