Che cos'è un file SVG? (E come aprirlo, usarlo e crearne uno)

Un file SVG (Scalable Vector Graphics) è un'immagine fatta di matematica e codice invece che di una griglia di pixel. Poiché memorizza l'immagine come forme (linee, curve e riempimenti) invece che come puntini colorati, resta nitida a qualsiasi dimensione, da una minuscola icona per app a un cartellone pubblicitario, e di solito il file è leggero. Probabilmente hai già incontrato gli SVG come loghi, icone per siti web e file da taglio per Cricut.

Questa è una guida semplice per chi si è appena imbattuto in uno di questi file: che cos'è davvero un SVG, cosa contiene, in cosa è utile e in cosa no, come aprirlo e come crearne uno partendo da un'immagine che hai già. Non serve esperienza di sviluppo web.

La versione rapida

• Un SVG salva un'immagine come forme descritte in codice, non come pixel, quindi si adatta a qualsiasi dimensione senza diventare sfocato.
• È ottimo per loghi, icone, illustrazioni semplici e lavori Cricut o di stampa. È poco adatto alle foto.
• Aprilo in qualsiasi browser web, in un'app di design (Illustrator, Inkscape, Figma, Canva) o anche in un semplice editor di testo.
• Creane uno disegnandolo in un software vettoriale, oppure convertendo un'immagine che hai già in SVG.

SVG vs. un'immagine normale (PNG o JPG)

Un PNG o JPG è un'immagine raster: una griglia fissa di pixel colorati, come un mosaico. Se ingrandisci abbastanza, vedi i quadratini: è per questo che un logo salvato come PNG diventa sfocato quando lo allarghi.

Un SVG è un'immagine vettoriale: un insieme di istruzioni che dice "disegna un cerchio qui, riempilo di arancione, disegna questa curva lì". Poiché l'immagine viene ridisegnata da quelle istruzioni ogni volta, appare nitida a qualsiasi dimensione. Tutto il vantaggio sta in questa singola differenza. (Per una spiegazione completa su quando usare ciascun formato, vedi PNG vs SVG.)

Cosa c'è davvero dentro un file SVG

Ecco la parte che sorprende molte persone: un SVG è testo. Aprine uno in Notepad o in qualsiasi editor di codice e puoi leggerlo. Sotto il cofano è XML, un formato di testo con tag, in cui ogni forma è una riga di codice. Un SVG semplice con un cerchio arancione ha questo aspetto:

<svg viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="orange" />
</svg>

Questo è tutto il file. circle disegna la forma, cx/cy la posizionano, r imposta il raggio e fill imposta il colore. Poiché è testo semplice, un SVG è minuscolo, un browser può renderizzarlo all'istante e puoi ritoccare un colore cambiando una sola parola. SVG è uno standard aperto che il W3C mantiene dalla fine degli anni '90, ed è supportato da tutti i browser moderni.

A cosa servono gli SVG

Gli SVG danno il meglio ovunque una grafica debba restare nitida a dimensioni diverse o essere modificata come insieme di forme:

• Loghi. Un solo SVG funziona su un biglietto da visita e su uno striscione, senza creare un file separato per ogni dimensione.
• Icone e grafiche per siti web. Pulsanti, frecce e illustrazioni semplici restano nitidi su qualunque schermo e si caricano velocemente.
• Cricut e macchine da taglio. SVG è il formato standard per i file da taglio. La macchina segue i tracciati per tagliare vinile, carta o HTV. (Preparare file SVG per Cricut copre il processo dall'inizio alla fine.)
• Stampa e segnaletica. Un vettore si scala a qualsiasi dimensione fisica senza pixelare.

Per cosa gli SVG non sono adatti

Gli SVG sono pensati per grafiche piatte e illustrative, quindi sono poco adatti alle fotografie. Una foto contiene milioni di colori sfumati in modo sottile, senza aree piatte, e forzarla in forme produce o una versione posterizzata, simile a un dipinto, oppure un file enorme e disordinato. Se stai pensando di vettorializzare una foto, leggi prima cosa succede davvero quando converti una foto in SVG. Per i veri dettagli fotografici, tieni il JPG o il PNG.

Come aprire un file SVG

Hai tre opzioni facili, a seconda di cosa vuoi fare:

• Solo guardarlo: trascina il file in qualsiasi browser web. Verrà renderizzato all'istante, senza bisogno di software.
• Modificarlo visivamente: aprilo in un'app di design come Inkscape (gratis), Illustrator, Figma o Canva. (Come modificare un SVG spiega come ricolorarlo e rimodellarlo.)
• Vedere o ritoccare il codice: aprilo in un editor di testo semplice come Notepad o VS Code.

Una cosa che spesso confonde: Esplora file di Windows non mostra un'anteprima degli SVG per impostazione predefinita, quindi il file nella cartella può sembrare vuoto. Questo non significa che sia rotto. Aprilo in un browser e apparirà correttamente.

Come creare un SVG

Ci sono due strade, e quella giusta dipende dal punto di partenza.

Disegnarlo da zero. Disegna il tuo logo, la tua icona o la tua illustrazione in un software vettoriale (Inkscape, Illustrator, Figma o Canva) ed esportala come SVG. Questo dà il risultato più pulito, perché il file nasce già vettoriale.

Convertire un'immagine che hai già. È ciò di cui la maggior parte delle persone ha davvero bisogno. Se il tuo logo o la tua grafica esiste solo come PNG o JPG, lo trasformi in SVG vettorializzandolo, cioè ridisegnando i pixel come forme modificabili. (Che cos'è la vettorializzazione delle immagini spiega il processo.)

Come appare con PerfectVector

Se hai un PNG o JPG e ti serve un vero SVG, la strada è la conversione: è proprio quello che fa PerfectVector. Carica un logo, un'icona o un'illustrazione piatta e ricostruisce la grafica come SVG pulito, con pochi nodi e colori modificabili, pronto per web, stampa o macchina da taglio. Puoi trasformare la tua immagine in un SVG e controllare il risultato di persona. Converti gratis le prime immagini, senza carta di credito.

Funziona meglio sugli stessi contenuti per cui lo stesso SVG è ideale: grafiche piatte, illustrative e loghi. Per una foto dettagliata, nessun convertitore ti darà un vero vettore fotografico, e te lo diremo invece di fingere il contrario.

Una breve nota sulla sicurezza

Poiché un SVG può contenere codice, in teoria può trasportare uno script, proprio come una pagina web. Visualizzarne uno in un browser o in un'app di design è sicuro, e gli SVG provenienti da fonti affidabili vanno bene. Tratta semplicemente un SVG casuale da una fonte sconosciuta come tratteresti qualsiasi file sconosciuto, e non incorporarlo nel tuo sito web senza sapere da dove viene.

FAQ

A cosa serve un file SVG? Loghi, icone per siti web, pulsanti, illustrazioni semplici e file da taglio per macchine come Cricut. Ovunque una grafica debba restare nitida a dimensioni diverse o essere modificata come insieme di forme, un SVG è una scelta solida. È molto usato sul web perché i file sono leggeri e si scalano senza perdere qualità.

Come apro un file SVG? Trascinalo in qualsiasi browser web per visualizzarlo, aprilo in un'app di design come Inkscape, Illustrator, Figma o Canva per modificarlo visivamente, oppure aprilo in un editor di testo come Notepad per vedere il codice. Tieni presente che Esplora file di Windows non mostra un'anteprima degli SVG per impostazione predefinita, quindi un'icona dall'aspetto vuoto non significa che il file sia rotto.

Come creo un file SVG? Puoi disegnarlo in un software vettoriale (Inkscape, Illustrator, Figma o Canva) ed esportarlo come SVG, oppure convertire un'immagine che hai già, come un logo PNG o JPG, in SVG vettorializzandola. Disegnarlo da zero dà il risultato più pulito; la conversione è la strada rapida quando hai solo un file raster.

Un file SVG è un file vettoriale? Sì. SVG sta per Scalable Vector Graphics e memorizza le immagini come forme vettoriali invece che come pixel. È esattamente per questo che si adatta a qualsiasi dimensione senza perdere qualità.

Qual è la differenza tra un SVG e un PNG o JPG? Un PNG o JPG è fatto di pixel e si sfoca quando viene ingrandito oltre la sua risoluzione. Un SVG è fatto di forme e resta nitido a qualsiasi dimensione. PNG e JPG sono migliori per le foto; SVG è migliore per loghi, icone e grafiche.

Posso aprire un file SVG in Microsoft Word o Office? Sì. Microsoft 365 e le versioni recenti di Office ti permettono di inserire file SVG e persino di ricolorarli o modificarne lo stile dentro un documento, cosa utile per loghi e icone in report e presentazioni.

---

Un SVG è semplicemente un'immagine costruita con forme e codice invece che con pixel: è questo che le permette di restare nitida ovunque e modificabile. Se finora la tua esiste solo come PNG o JPG, convertila in un SVG pulito e avrai un file che puoi scalare, ricolorare e tagliare senza che diventi mai sfocato.