Come aprire un file SVG: computer, telefono e browser

1. Quattro modi di aprire un SVG sul computer

• Browser (il più semplice): trascina il file SVG in una finestra di Chrome, Edge, Firefox o Safari e viene visualizzato; puoi anche fare clic destro sul file, scegliere "Apri con" e indicare un browser;
• Impostare il programma predefinito: se lavori spesso con gli SVG, associa i file .svg a un browser o a un programma di grafica, così il doppio clic li apre direttamente;
• Programmi di grafica: Illustrator, Figma e il gratuito Inkscape aprono e modificano gli SVG, l'ideale per lavori più approfonditi;
• Editor di codice: l'SVG è essenzialmente un testo XML, quindi aprirlo in VS Code permette di vedere e modificare il sorgente, il che facilita moltissimo la diagnosi dei problemi.

Come impostare il programma predefinito: su Windows fai clic destro sul file SVG, scegli "Apri con → Scegli un'altra app" e spunta "Usa sempre questa app"; su macOS fai clic destro e scegli "Informazioni", indica un browser in "Apri con" e fai clic su "Cambia tutto", così da allora il doppio clic mostra l'anteprima del file.

2. Come aprire un SVG sul telefono

Android: alcuni gestori di file non visualizzano direttamente gli SVG; tieni premuto il file, scegli "Apri con" e seleziona un browser. iPhone: salva l'SVG nell'app File, dove i sistemi più recenti lo visualizzano direttamente; se non compare, condividilo e aprilo in Safari. Gli SVG ricevuti su WeChat o QQ arrivano come normali file e scegliendo "Apri con" un browser vengono mostrati correttamente.

In generale il browser del telefono è il visualizzatore di SVG più affidabile, senza dover installare app aggiuntive. Anche i tablet funzionano così: basta aprire il file nel browser integrato, senza strumenti dedicati.

3. Il doppio clic mostra il codice o una finestra vuota: che fare?

Compare un mucchio di codice: il file è associato a un editor di testo come il Blocco Note. Poiché l'SVG è di per sé un testo, la cosa è normale: aprilo in un browser per vedere il disegno. Si apre vuoto: verifica prima che il file sia integro — aprilo in un editor di codice: un SVG regolare inizia con il tag <svg> o con la dichiarazione <?xml. Se invece vedi codice di pagina come <html>, molto probabilmente durante il download è stata salvata una pagina di errore con il nome .svg e va riscaricato. Inoltre, se il file richiama immagini o font esterni, il mancato caricamento delle risorse lascia il contenuto incompleto.

Un altro avvertimento: l'SVG è un formato di testo che può contenere script, quindi non aprire file provenienti da sorgenti ignote nel browser senza prudenza. Controlla prima il contenuto in un editor di codice: è più sicuro, e una volta verificato che il file inizi con il tag svg e non contenga script sospetti, si può visualizzare.

4. Vuoi modificarlo? Usa l'editor online

Se devi solo cambiare un colore, togliere uno sfondo o cancellare qualche elemento, non serve installare un programma pesante. Apri l'editor SVG online di PolySVG (accesso diretto a /editor), carica il file e potrai fare clic sui tracciati per cancellarli, rimuovere lo sfondo con un clic, ricolorare, ridipingere col pennello, cancellare con la gomma, annullare e ripetere quando vuoi, ed esportare SVG o PNG. Gratis, senza installazione e senza registrazione.

5. Vuoi solo vedere l'immagine? Convertila in PNG è il modo più semplice

Se il dispositivo dell'altra persona non apre gli SVG, il modo più semplice è convertirli in PNG: esporta un PNG dall'editor oppure fai uno screenshot dal browser. Per capire il formato in sé, leggi Che cos'è un SVG; e se hai un bitmap da trasformare in SVG, lo strumento immagine in SVG lo fa in pochi passaggi.

Se sei uno sviluppatore, puoi anche inserire l'SVG direttamente nell'HTML o referenziarlo con un tag img, e il browser lo renderizza all'istante: è il modo più comune di aprire un SVG sul web.