Che cos'è un file SVG

Che cos'è un file SVG

Un SVG non è un'immagine ma la descrizione di una: un file di testo che elenca forme, tracciati, colori e le regole per disegnarli. Niente al suo interno ha una dimensione in pixel, ed è per questo che un logo SVG è ugualmente nitido su un telefono e su un cartellone mentre un PNG dello stesso logo deve scegliere una risoluzione e tenersela.

Questo lo rende il formato giusto per tutto ciò che è disegnato anziché catturato — loghi, icone, diagrammi, grafici. E lo rende il formato sbagliato per le fotografie, che non hanno forme da descrivere; tracciarne una in un SVG produce un file enorme che sta peggio dell'originale.

Poiché un SVG è testo, è anche un documento che può contenere script, gestori di eventi e riferimenti ad altri siti. È una considerazione di sicurezza reale e non teorica, ed è il motivo per cui questo sito rimuove tutto ciò prima di renderizzarne uno.

Da dove viene

L'SVG è stato standardizzato dal W3C nel 2001, assemblato a partire da due proposte vettoriali concorrenti. Ha passato un decennio quasi inutilizzato perché Internet Explorer non lo disegnava, poi è diventato onnipresente nel giro di pochi anni da IE9 nel 2011 — momento in cui gli schermi avevano cominciato a variare enormemente in densità, e un formato senza risoluzione fissa si è rivelato esattamente ciò che serviva.

SVG in breve

SVG in breve

• Non viene compresso nulla. La dimensione del file discende quasi direttamente dalle dimensioni dell'immagine, ed è per questo che questi file sono molto più grandi di tutto il resto qui.
• Non ci sono pixel di alcun tipo. Il file elenca forme e le regole per disegnarle, quindi la risoluzione si decide quando viene mostrato e non quando viene salvato.
• La trasparenza è un canale alfa completo: ogni pixel registra quanto è trasparente, quindi un bordo morbido resta morbido su qualsiasi sfondo.
• Il contenitore ospita più di un fotogramma, quindi convertire in un formato fisso ne conserva il primo e scarta il resto.
• Non c'è un posto standard per dati di scatto, date o copyright, quindi tutto ciò che la sorgente portava viene perso all'ingresso.

In che cosa è bravo

• Trasparenza piena: ogni pixel registra quanto è trasparente, quindi i bordi si fondono in modo pulito con qualsiasi sfondo.
• Contiene più fotogrammi e li riproduce, quindi può portare una breve clip che si ripete.
• Non viene scartato nulla. Ciò che ci metti è ciò che torna, per quante volte tu salvi.
• Non ha alcuna risoluzione. Lo stesso file è nitido sullo schermo di un telefono e su un manifesto stampato.

Dove non arriva

• Non è un formato fotografico. Una fotografia forzata al suo interno è più grande e peggiore di prima.
• Può contenere script e riferimenti ad altri siti, quindi va trattato come un documento e non come un'immagine.
• Nessun posto standard per dati di scatto, date o copyright, che quindi vanno persi all'ingresso.
• Letto solo dai browser più recenti: Chrome 4, Firefox 3, Safari 3.2.

Cosa usare al posto di SVG

• Per le fotografie usa il JPG per la compatibilità, il WebP per un buon equilibrio o l'AVIF per il file più piccolo. Questo formato non è costruito per contenerne una e risulterà insieme più grande e peggiore.
• Per un'immagine che deve mostrarsi ovunque senza un ripiego usa il PNG o il JPG. Entrambi sono letti da ogni browser da più tempo di quanto esistano quasi tutte le alternative.

Quando usare SVG

Scegli l'SVG per tutto ciò che è disegnato anziché fotografato: loghi, icone, diagrammi, grafici, illustrazioni. Scegli l'SVG soprattutto dove la stessa immagine deve comparire a dimensioni molto diverse, perché non ha alcuna risoluzione su cui sbagliarsi.

Evita l'SVG per le fotografie. Tracciarne una produce un file grande che sta peggio dell'originale, e nessun formato vettoriale può migliorarlo. Tratta un SVG di provenienza non fidata con la cautela che riserveresti a un file HTML, perché è più vicino a quello.

Che cosa apre un file SVG

Su un computer, i file SVG si aprono con Inkscape, Illustrator, and any browser.

Il supporto dei browser è più recente: Chrome 4, Firefox 3, Safari 3.2. Un browser più vecchio proporrà di scaricare il file anziché mostrarlo.

Trasformare un file SVG in qualcos'altro:

• Convertitore di immagini
• Convertitore da SVG a PNG
• Convertitore da SVG a JPG
• Convertitore da SVG a WebP
• Convertitore da SVG a AVIF
• Convertitore da SVG a BMP
• Convertitore da SVG a ICO

Produrre un file SVG a partire da qualcos'altro:

• Convertitore da immagine a SVG
• Ottimizzatore SVG
• Minificatore SVG
• Visualizzatore e ispettore SVG

Problemi comuni con SVG

Si vede diverso in programmi diversi.

Il file descrive forme e lascia il disegno a ciò che lo apre, e i caratteri, i filtri e le unità sono le parti che variano di più fra i motori di rendering. Converti il testo in tracciati prima di esportare, evita effetti che dipendono dal motore, e dai al documento una dimensione esplicita invece di affidarti a una dedotta.

È uscito solo il primo fotogramma.

Il formato in cui hai convertito contiene una sola immagine, quindi i fotogrammi restanti non avevano dove andare. Converti in WebP animato se il movimento conta. Conserva la stessa animazione in una frazione dello spazio, con colore pieno e trasparenza vera.

Si vede a me e non ad alcuni visitatori.

Il supporto per questo formato è arrivato relativamente di recente, quindi un browser più vecchio o un dispositivo non aggiornato può non leggerlo. Servi un formato più vecchio accanto a questo e lascia scegliere al browser, oppure converti in PNG o JPG se non controlli il codice.

I dati di scatto e i campi di copyright sono spariti.

Il formato non ha un posto standard dove tenerli, quindi tutto ciò che la sorgente portava è stato scartato all'ingresso. Converti in un formato che conserva i metadati se l'attribuzione conta, oppure tieni l'originale accanto alla copia convertita come traccia della provenienza.

Convertire qui un file SVG

1. Scegli il tuo file, oppure trascinalo nel riquadro. Viene letto dal tuo dispositivo e non va oltre.
2. Imposta ciò che la conversione offre — qualità, dimensione, sfondo — e avviala. Tutto gira sulla tua macchina, quindi un'immagine grande usa la tua memoria e il tuo processore anziché una coda da qualche parte.
3. Scarica il risultato. Non viene conservato nulla: uscire dalla pagina o azzerarla libera sia il file sia la copia convertita.

SVG contro le alternative

• PNG VS SVG

Domande frequenti

Perché la mia fotografia tracciata sta male come SVG?

Perché il tracciamento è un'approssimazione, non una conversione. Riduce una fotografia a qualche migliaio di forme piatte colorate, cosa che funziona su un logo e fallisce su un volto. Se la sorgente è una fotografia, nessun formato vettoriale la migliorerà: il dettaglio non è fatto di forme.

È sicuro aprire un SVG che mi hanno mandato?

Trattalo come un file HTML più che come un'immagine, perché è più vicino a quello. Un SVG può contenere script e può caricare contenuti da altrove. Aprirne uno direttamente in un browser lo esegue; questo sito analizza e rimuove script, gestori e riferimenti esterni prima di renderizzare qualsiasi cosa.

Perché il mio SVG è più grande del PNG che sostituiva?

Perché è stato tracciato da un'immagine a griglia invece che disegnato, cosa che produce migliaia di forme separate. Un SVG disegnato di un logo è di solito di pochi kilobyte; una fotografia tracciata può essere di megabyte e stare comunque peggio di ciò da cui proveniva.

La trasparenza viene mantenuta convertendo un file SVG?

Solo se il formato in cui converti ha un posto dove metterla. PNG, WebP, AVIF e GIF ce l'hanno tutti, in gradi diversi; JPG e BMP no, e un'area trasparente diventa un colore pieno quando converti verso uno dei due. Lo strumento ti dice quale sfondo ha usato.

Tutti i fotogrammi sopravvivono a una conversione?

Solo quando anche il formato di destinazione anima. Convertire in un formato fisso conserva il primo fotogramma e scarta il resto, cosa che di solito non è ciò che si vuole ed è facile fare per sbaglio. Il WebP animato è il formato in cui convertire se il movimento conta.

Come apro un file .SVG?

I programmi elencati qui sopra li leggono direttamente. Se sulla tua macchina non li apre nulla, convertire in PNG o JPG è la via affidabile: si aprono entrambi ovunque, e la conversione avviene qui nel tuo browser e non su un server.

Convertire un file SVG fa perdere qualità?

Dipende da in cosa lo converti, non da cosa converti. Convertire in un formato senza perdita come il PNG conserva ogni pixel; convertire in JPG, WebP o AVIF scarta dettaglio in modo permanente. Niente recupera la qualità che il file aveva già perso.

Convertire da SVG è gratis, e carica il mio file?

Gratis, senza account, e non viene caricato nulla. Ogni convertitore di questo sito legge il tuo file con le API del browser, lo converte con codice che gira sul tuo dispositivo e restituisce il risultato come download. Puoi verificarlo tu stesso nel pannello Rete degli strumenti per sviluppatori.

Dove avviene la conversione?

Nel tuo browser, sul tuo dispositivo. Qui non esiste alcun server di conversione a cui caricare qualcosa, e non è coinvolto alcun servizio di terze parti. È un'affermazione su cosa fa il sito, non una promessa su come tratta i file caricati, perché nessun caricamento avviene.