Come trasformare un sito in una GIF che scorre

Crea da un URL una GIF animata di una pagina web che scorre, con un file abbastanza leggero per email, documentazione e README. Quando usare una GIF e quando è meglio un MP4.

Aviral LakhanpaulAggiornato il 30 ottobre 20263 min di lettura

La risposta breve

Incolla l’URL della pagina in uno strumento che esporta in GIF, come Website Scroll Video, tieni lo scorrimento sotto i 20 secondi, a 720p o 1080p e a 24 fps o meno, ed esporta. La GIF è la scelta giusta dove il video non si riproduce, come nelle email e in certa documentazione; ovunque altro un MP4 o un WebM dello stesso scorrimento è più nitido e molto più leggero.

Quando la GIF è il formato giusto

La GIF è un formato vecchio, con una tavolozza di 256 colori per fotogramma e una compressione mai pensata per le immagini fotografiche in movimento. Lo scorrimento di un sito moderno, con le sue sfumature e le sue immagini, è quasi il caso peggiore. Sopravvive perché si riproduce quasi ovunque, senza player, senza clic e senza regole di riproduzione automatica.

Usa una GIF in un’email a un cliente o in una newsletter, in un README o in una issue di GitHub, nella documentazione e nei wiki che non incorporano video, e nelle app di chat che mostrano le GIF direttamente nella conversazione.
Usa un MP4 o un WebM sul tuo sito, nei post sui social, nei portfolio e ovunque funzioni un tag <video>. Stesso movimento, colori migliori, una frazione del peso.

Crea la GIF

Incolla l’URL
Nella home page, incolla l’indirizzo e lascia caricare la pagina. Banner dei cookie e widget di chat vengono tolti prima di catturare qualsiasi cosa.
Scegli GIF come formato
Le impostazioni che una GIF non può reggere vengono limitate per te: al massimo 24 fps, al massimo 1080p e al massimo 20 secondi.
Fallo breve e delicato
Riduci lo scorrimento alla parte della pagina che conta e tieni il movimento lento. A 24 fps, uno scorrimento veloce impasta il testo, e in una GIF chi guarda lo nota più che in un video.
Guarda l’anteprima, poi esporta
L’anteprima è gratuita. Esporta quando ti convince, e la GIF si scarica come qualsiasi altro file.

Tenere il file leggero

Il peso di una GIF cresce con ogni pixel, ogni fotogramma e ogni colore che cambia. In ordine approssimativo di effetto:

Cosa rende più pesante una GIF che scorre
Impostazione	File più leggero	Perché
Risoluzione	720p invece di 1080p	Meno della metà dei pixel per fotogramma
Durata	Da 6 a 10 secondi	Ogni secondo sono altri 24 fotogrammi completi
Frame rate	24 fps o meno	La GIF non ha in pratica compressione del movimento
Sfondo	Una tinta unita, senza grana	La grana da pellicola e le foto cambiano ogni pixel a ogni fotogramma
La pagina	Intervallo di scorrimento più corto	Meno movimento per fotogramma, meno pixel nuovi

Altri modi per creare la GIF di un sito

Registra lo schermo e converti la registrazione in GIF con un convertitore o con uno strumento come ffmpeg. Funziona con le pagine private; lo scorrimento è regolare quanto la tua mano.
Cattura via script con Puppeteer o Playwright, scattando screenshot mentre la pagina scorre e poi assemblandoli. Controllo totale, e codice da mantenere.
Strumenti online gratuiti da URL a GIF. Ne esistono diversi, con meno impostazioni; la pagina delle alternative confronta quelli che creano anche video.

Provalo sul tuo sito

Incolla un link e guarda l’anteprima dello scorrimento gratis. 51 crediti gratuiti all’iscrizione, senza carta e senza filigrana su nulla di ciò che esporti.

Domande
e risposte

In breve, quello che di solito si chiede dopo.

Contatti

Come faccio una GIF di un sito che scorre?

Incolla l’URL in uno strumento da URL a video che esporta in GIF, tieni lo scorrimento breve ed esporta. Oppure registra lo schermo mentre uno script fa scorrere la pagina e converti la registrazione in GIF.

Perché la GIF del mio sito è così pesante?

La GIF salva quasi ogni fotogramma per intero, quindi risoluzione, durata e frame rate si moltiplicano tra loro. Scendi a 720p, resta sotto i dieci secondi ed evita sfondi fotografici o con grana.

Una GIF si riproduce in un’email?

Nella maggior parte delle app di posta sì, ed è il motivo principale per sceglierla. Alcuni client desktop mostrano solo il primo fotogramma, quindi assicurati che il primo fotogramma funzioni anche da solo.

Meno tempo a registrare. Più tempo a costruire.

Automatizza le registrazioni dei siti con movimento personalizzabile, controlli intelligenti e opzioni di esportazione pensate per i creator di oggi.

Provalo ora

Come trasformare un sito in una GIF che scorre

Quando la GIF è il formato giusto

Crea la GIF

Incolla l’URL

Scegli GIF come formato

Fallo breve e delicato

Guarda l’anteprima, poi esporta

Tenere il file leggero

Altri modi per creare la GIF di un sito

Provalo sul tuo sito

Domande e risposte

Continua a leggere

Meno tempo a registrare. Più tempo a costruire.

Domande
e risposte