Che cos'è un SVG? Guida chiara al formato vettoriale
Che cos'è un SVG? Come funziona la grafica vettoriale SVG, come si distingue da PNG e JPG, vantaggi e limiti, usi più comuni e come aprire e modificare i file SVG.
1. Che cos'è un SVG?
SVG sta per Scalable Vector Graphics, un formato aperto di grafica vettoriale basato su XML e standardizzato dal W3C. Dove PNG e JPG registrano un'immagine come una griglia di pixel, l'SVG usa formule matematiche per descrivere le forme: una retta, un cerchio, una curva di Bézier, ognuna scritta nel file come coordinate e comandi di tracciato.
È proprio per questo che un SVG non si sfoca mai quando viene ingrandito: il browser semplicemente ridisegna le formule alla nuova dimensione invece di allungare i pixel. Ecco il significato della parola "vettore".
2. SVG a confronto con PNG / JPG
| Aspetto | SVG | PNG / JPG |
|---|---|---|
| Come memorizza l'immagine | Percorsi matematici (vettoriale) | Griglie di pixel (bitmap) |
| All'ingrandimento | Scala all'infinito senza distorsione | Mostra scalettatura e sfocatura |
| Peso del file | Minimo per grafica semplice (pochi KB) | Cresce in modo lineare con la risoluzione |
| Modificabilità | Testo modificabile, ricolorabile e animabile | Richiede un programma di elaborazione immagini |
| Adatto a | Icone, loghi, illustrazioni, grafici | Fotografie e luci complesse |
3. A cosa serve tipicamente un SVG
- Icone e loghi dei siti: un solo SVG si adatta a ogni densità di schermo e resta nitido anche su display Retina;
- Illustrazioni e grafici: librerie di visualizzazione dati come ECharts e Recharts generano SVG per impostazione predefinita;
- Stampa e incisione: incisori laser, plotter da taglio e stampanti UV accettano comunemente i tracciati SVG;
- Animazione: i tracciati SVG possono essere pilotati direttamente da CSS / SMIL / JavaScript, il che rende possibili effetti di tratto animato e molto altro.
4. Come si aprono e si modificano gli SVG?
Qualsiasi browser moderno (Chrome / Edge / Firefox / Safari) apre direttamente i file SVG, e i programmi di grafica come Illustrator, Figma e Inkscape (gratuito) permettono di modificarli. Se vuoi soltanto ricolorare, togliere uno sfondo o cancellare una parte del disegno, usa l'editor SVG online di PolySVG, senza installare nulla.
5. Come trasformo il mio PNG / JPG in SVG?
Usa lo strumento Immagine in SVG di PolySVG: carica il bitmap e il modello proprietario esegue automaticamente quantizzazione dei colori, tracciamento dei contorni e adattamento delle curve, dandoti in pochi secondi un SVG modificabile, con rimozione dello sfondo con un clic. L'intero processo è gratuito e non richiede registrazione.
In sintesi: l'SVG è un formato che "disegna con formule", quindi è naturalmente adatto a icone, loghi e a tutto ciò che va ridimensionato; per i contenuti fotografici restano migliori JPG / WEBP.
Domande frequenti
Con quale programma si aprono i file SVG?
Qualsiasi browser moderno li mostra direttamente. Per modificarli usa Illustrator, Figma o Inkscape, oppure gestiscili nell'editor online di PolySVG senza installare nulla.
Un SVG si può convertire in PNG?
Sì. L'editor di PolySVG esporta l'SVG in PNG a qualsiasi risoluzione, e lo stesso si ottiene con uno screenshot del browser o con l'export di un programma di grafica.