UltKit

Convertire SVG in GIF

Trasforma un SVG in un'immagine GIF alla larghezza scelta, per i servizi che accettano GIF ma non mostrano file vettoriali. Il risultato è un'immagine statica con una tavolozza fino a 256 colori, trasparente dove l'SVG non contiene elementi disegnati.

Convertitore di immagini

oppure trascina qui File JPG, JPEG, JPE … ·

Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti

Output

I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.

Come usare questo strumento

  1. 1

    Carica i file SVG

    Aggiungere fino a 20 file .svg, da 95 MB ciascuno, dal computer o trascinandoli sull'area di caricamento.

  2. 2

    Imposta la larghezza in pixel

    Questa pagina disegna il vettore con una larghezza di 600 px. Modificare il numero sotto Ridimensiona l'immagine di output in Impostazioni avanzate; l'altezza segue le proporzioni del disegno.

  3. 3

    Converti in GIF

    Premere Converti in GIF e scaricare ogni immagine, oppure l'intero gruppo in un file ZIP. Prima dell'uso, controllare un file sullo sfondo su cui verrà collocato.

Convertire da SVG a GIF significa scambiare un disegno indipendente dalla risoluzione con una griglia fissa di al massimo 256 colori: va bene per loghi e icone piatti, meno per i gradienti.

Rasterizzare SVG in GIF alla larghezza necessaria

Un SVG è un insieme di istruzioni: disegna questo tracciato, riempilo con questo colore, colloca questo testo. Un GIF è l'opposto, una griglia di pixel che puntano ciascuno a una delle al massimo 256 voci della tavolozza. Convertire significa disegnare le istruzioni una volta a una larghezza in pixel scelta e salvare il risultato, per questo la larghezza sotto Ridimensiona l'immagine di output conta più di ogni altra impostazione. Questa pagina parte da 600 px.

Il GIF risale al 1987, quando fu pubblicato da CompuServe, e la revisione del 1989, GIF89a, ha aggiunto trasparenza e ritardi tra i fotogrammi. Oggi questa età è il suo punto di forza: i software che rifiutano i formati più recenti, dai vecchi motori di forum ad alcuni client di posta e reti pubblicitarie, visualizzano ancora il GIF. Un SVG, invece, è bloccato da molti moduli di caricamento perché è XML che potrebbe contenere script.

Poiché l'origine è vettoriale, si può disegnare a qualsiasi larghezza senza perdere nitidezza. Conviene scegliere la dimensione con cui il GIF sarà effettivamente mostrato; ingrandire in seguito un piccolo GIF riporta la sfocatura che l'SVG non aveva.

from ↓ · to →Sfondo trasparenteBordi morbidi semitrasparentiPiù di 256 coloriAnimation
GIFGIF to Sfondo trasparente: yes– GIF to Bordi morbidi semitrasparenti: no– GIF to Più di 256 colori: noGIF to Animation: yes
PNGPNG to Sfondo trasparente: yesPNG to Bordi morbidi semitrasparenti: yesPNG to Più di 256 colori: yes– PNG to Animation: no
WEBPWEBP to Sfondo trasparente: yesWEBP to Bordi morbidi semitrasparenti: yesWEBP to Più di 256 colori: yesWEBP to Animation: yes
JPG– JPG to Sfondo trasparente: no– JPG to Bordi morbidi semitrasparenti: noJPG to Più di 256 colori: yes– JPG to Animation: no
supported not offeredChe cosa può contenere ogni formato raster dopo che un SVG vi è stato disegnato. Il GIF è l'unico limitato a una tavolozza di 256 colori e a una trasparenza attiva/disattiva.

SVG

Scalable Vector Graphics

SVG è un formato vettoriale basato su XML standardizzato dal W3C nel 2001. Invece dei pixel descrive forme, tracciati e testo, quindi resta nitido a qualsiasi dimensione ed è di solito minuscolo per loghi e icone. Supporta trasparenza, stili CSS, script e animazioni, e ogni browser lo visualizza in modo nativo. SVG non è adatto alle fotografie, e le illustrazioni complesse possono diventare lente da visualizzare. Illustrator, Inkscape, Figma e i browser possono aprirlo e modificarlo.

Compressione
–
Trasparenza
Sì
Animazione
Sì
Introdotto
2001 · W3C
Convertitore SVG

GIF

Graphics Interchange Format

GIF è stato introdotto da CompuServe nel 1987 ed è ancora il formato più supportato per animazioni brevi in loop. È senza perdita ma limitato a una tavolozza di 256 colori per fotogramma, quindi foto e sfumature mostrano banding e dithering. Supporta solo la trasparenza attiva/disattiva (a 1 bit), che lascia bordi frastagliati sulle forme curve. Le GIF animate sono spesso molto più grandi della stessa clip in MP4 o WebP. Ogni browser, app di chat e piattaforma social riproduce le GIF.

Compressione
Senza perdita
Trasparenza
Sì
Animazione
Sì
Introdotto
1987 · CompuServe
Convertitore GIF

Da SVG a GIF serve per le destinazioni ferme al GIF, come firme email, forum datati e spazi pubblicitari, che richiedono una piccola immagine piatta di un logo vettoriale; trasformare un GIF in SVG è invece un lavoro di tracciamento per recuperare una grafica scalabile.

SVG animato in GIF: cosa non viene convertito

Le animazioni SMIL, CSS e script vengono eliminate

Un SVG che si muove nel browser tramite elementi animate, keyframe CSS o JavaScript diventa un unico fotogramma GIF fisso che mostra lo stato iniziale. Per ottenere un GIF animato, registrare l'animazione come video e convertirlo con lo strumento da video a GIF.

256 colori e trasparenza a un bit nella pratica

La maggior parte dei loghi SVG usa pochi colori piatti, quindi il limite della tavolozza non costa nulla. I punti critici sono i bordi con anti-aliasing e i gradienti. Ogni bordo curvo di un SVG renderizzato contiene pixel intermedi parzialmente trasparenti; il GIF deve renderli del tutto visibili o del tutto trasparenti, e il risultato può essere un contorno a gradini o un alone chiaro.

La soluzione è decidere lo sfondo prima di convertire. Se il GIF starà sul corpo bianco di un'email, dare all'SVG un rettangolo di sfondo bianco; su un tema scuro di un forum, usare il colore di quel tema. I pixel di bordo si fondono così nel colore giusto e il contorno resta morbido. Se non si può saperlo in anticipo, il PNG è più sicuro.

Domande su SVG in GIF

Perché usare GIF invece di PNG per un logo SVG?

Solo quando la destinazione richiede il GIF, ad esempio un vecchio CMS, la firma di un forum o un modello pubblicitario che indica il GIF come tipo di immagine. Il PNG mantiene i bordi morbidi e un numero illimitato di colori, quindi da SVG a PNG è la scelta predefinita migliore quando sono consentiti entrambi.

Un SVG animato diventa una GIF animata?

No. Il convertitore disegna l'SVG una sola volta, nel suo stato iniziale, quindi gli elementi di animazione SMIL, i keyframe CSS e gli script non vengono eseguiti e si ottiene un solo fotogramma fisso. Per catturare il movimento, registrare l'animazione in un browser come video, poi usare da video a GIF.

Perché i bordi del logo sono seghettati o hanno un alone chiaro?

La trasparenza del GIF è attiva o disattiva per ogni pixel, quindi i pixel di bordo morbidi e parzialmente trasparenti di un SVG devono essere mantenuti o eliminati. I bordi sfumati per uno sfondo mostrano un alone su un altro. Prima di convertire, aggiungere un rettangolo di sfondo del colore della pagina di destinazione: i bordi si fonderanno in modo pulito.

Che fine fanno le sfumature dell'SVG?

La tavolozza di un GIF contiene al massimo 256 colori, quindi i gradienti morbidi devono essere approssimati. I gradienti brevi risultano a posto; quelli ampi e sottili mostrano scalini o un motivo puntinato di dithering. I loghi e le icone a tinta unita, il contenuto tipico degli SVG, rientrano senza problemi nella tavolozza.

Si può usare la GIF in una firma email?

Sì, ed è uno dei motivi principali per cui serve questa conversione. Gmail e Outlook non mostrano le immagini SVG nei messaggi, mentre il GIF è visualizzato dai client di posta da decenni. Conviene mantenere una larghezza contenuta, tra 300 e 600 px circa, per tenere leggera la firma.

Quali impostazioni di dimensione dell'SVG legge il convertitore?

Usa larghezza, altezza e viewBox del disegno per calcolare le proporzioni, poi lo disegna alla larghezza in pixel impostata. Poiché l'origine è vettoriale, scegliere una larghezza maggiore non fa perdere nitidezza, ma aumenta solo il peso del file.