Convertitore online gratuito da GIF a SVG

Cos'è il formato GIF

GIF, ovvero Graphics Interchange Format, è un formato raster che memorizza ogni fotogramma come un'immagine indicizzata con un massimo di 256 colori. Utilizza la compressione LZW senza perdita, supporta la trasparenza a un bit e può memorizzare più fotogrammi con informazioni temporali per l'animazione.

I browser Web, le applicazioni di messaggistica, gli strumenti di cattura dello schermo e gli editor di immagini utilizzano comunemente file GIF. Loghi, icone, diagrammi, pixel art e brevi animazioni sono contenuti tipici dei GIF. Un GIF ha dimensioni in pixel fisse, quindi il suo ingrandimento produce bordi squadrati; inoltre, la sua tavolozza limitata lo rende inadatto alla maggior parte delle fotografie.

Cos'è il formato SVG

SVG, ovvero Scalable Vector Graphics, è un formato basato su XML che descrive matematicamente tracciati, forme, testo, gradienti e altri elementi grafici. I browser e le applicazioni vettoriali possono visualizzare questi elementi a dimensioni diverse senza la perdita di risoluzione associata alle immagini raster.

SVG è adatto per loghi, icone, diagrammi, mappe, illustrazioni, grafiche per la stampa e tracciati per plotter da taglio. La sua struttura basata sul testo può essere modificata in Inkscape o in un editor di testo, formattata con CSS e incorporata in HTML. Un SVG può contenere anche il GIF originale come bitmap incorporato; ciò preserva i pixel all'interno di un contenitore SVG, ma non rende l'immagine scalabile né utilizzabile come tracciato di taglio.

Come convertire un GIF in SVG

Per ottenere un vero risultato vettoriale, usa il ricalco bitmap in un editor vettoriale desktop come Inkscape:

1. Apri il file con File → Open. I GIF animati non vengono convertiti come animazioni complete dal normale ricalco; seleziona o estrai il fotogramma necessario.
2. Seleziona il bitmap importato e scegli Path → Trace Bitmap.
3. Usa Brightness cutoff per le grafiche in bianco e nero. Per un logo o un'illustrazione a colori piatti, scegli Multiple scans → Colors. Un numero maggiore di scansioni può preservare più colori, ma crea anche più tracciati e nodi.
4. Regola la soglia, il numero di scansioni e le opzioni di pulizia controllando l'anteprima, quindi fai clic su Apply. Inkscape posiziona i tracciati ricalcati sopra il bitmap originale.
5. Sposta la grafica ricalcata lontano dal GIF oppure elimina il bitmap originale. Controlla bordi e nodi con un livello di zoom elevato, quindi usa File → Save As e seleziona Plain SVG quando la compatibilità con altri programmi è importante.

Per effettuare una conversione senza installare software, carica il file su 101convert.com e scegli SVG. Controlla il file scaricato in seguito: la conversione automatica può ricalcare l'immagine, conservare il GIF come bitmap incorporato oppure elaborare solo un fotogramma dell'animazione.

Per estrarre un fotogramma specifico prima del ricalco, usa FFmpeg, ad esempio:

ffmpeg -i input.gif -frames:v 1 frame.png

Questo estrae il primo fotogramma. Per un altro fotogramma, individua il relativo timestamp e aggiungi un valore -ss appropriato prima del file di input, quindi ricalca il PNG risultante in Inkscape.

Limiti di qualità e compatibilità

Il ricalco non può ripristinare i dettagli eliminati dalla riduzione della tavolozza GIF, dalle dimensioni ridotte o dalla compressione. Le grafiche a colori piatti con bordi netti producono tracciati più puliti rispetto a fotografie, gradienti, illustrazioni con texture e schermate con anti-aliasing. Una foto convertita in tracciati può produrre un SVG inutilmente grande e difficile da modificare, con risultati visivi scadenti.

Usa il numero di scansioni più basso che preservi le forme richieste. Un numero eccessivo di scansioni può creare migliaia di nodi, aumentare le dimensioni del file e rallentare il rendering. Usa Path → Simplify con cautela, perché può arrotondare gli angoli o rimuovere piccoli dettagli.

Il ricalco non preserva automaticamente l'animazione GIF. Ogni fotogramma deve essere convertito separatamente e poi assemblato con l'animazione SVG, JavaScript o un'altra applicazione. Il supporto dei browser e degli editor vettoriali per SVG è ampio, ma le macchine da taglio e i programmi meno recenti possono accettare solo un insieme limitato di funzionalità SVG. Rimuovi i filtri e gli effetti non supportati e converti il testo in tracciati quando il software di destinazione non può utilizzare i font o quando è necessaria una resa identica delle lettere.