Le immagini bitmap come JPEG, GIF e PNG hanno un aspetto orribile quando vengono ridimensionate, quindi se si desidera mantenere la qualità a grandi dimensioni è necessario aumentare le dimensioni del file. Tuttavia, le immagini SVG (che sta per Scalable Vector Graphics) hanno lo stesso aspetto, indipendentemente dalle dimensioni a cui sono ridimensionate e mantengono la stessa dimensione del file.
Diamo un'occhiata agli SVG per il web design, in sessanta secondi!
Gli SVG possono essere utilizzati come CSS per gli sfondi, oppure puoi inserirli nei contenuti come immagini normali. Puoi creare icone e loghi che sono sempre perfetti in qualsiasi dimensione, possono essere animati e trasformati e puoi applicare filtri ed effetti interessanti (guarda la demo del filtro SVG di Lucas Bebber sotto). Puoi persino controllare la loro colorazione con i CSS.
All'interno, un file SVG è un codice XML leggibile e modificabile. E il testo all'interno di SVG è normale, indicizzabile, testo di facile consultazione per i motori di ricerca.
Puoi creare SVG con praticamente qualsiasi programma di editing di grafica vettoriale, come Affinity Designer, Boxy SVG, Illustrator, Gravit Designer o Inkscape. Crea la tua immagine, esportala come SVG ed è pronta per l'uso nei tuoi siti web. Questo è SVG per il web design, in sessanta secondi!