Estrarre fotogrammi da WebP e GIF animate
Come funziona
Scegli un file animato .webp, .gif, .apng o .avif e la pagina lo divide in un'immagine per fotogramma, raccolte in un unico file ZIP. Niente viene caricato online: decodifica, ricodifica e archivio sono fatti da JavaScript nella scheda del browser, e la scheda Rete degli strumenti per sviluppatori resta vuota mentre lavori.
Una GIF o un WebP animato non è un video, e il browser lo tratta di conseguenza: un elemento video si rifiuta di riprodurlo. L'unica API del browser che consegna i fotogrammi uno alla volta è ImageDecoder, ed è quella che usa questa pagina. È disponibile in Chrome ed Edge 94 e successivi. In un browser che non la ha il file non viene letto e il pulsante di estrazione resta disattivato: in quel caso converti prima il file in MP4 o WebM, che segue la strada dei video e funziona ovunque.
La durata di ogni fotogramma viene letta, non indovinata. GIF e WebP salvano una durata per ogni fotogramma, e non deve essere uguale per tutti: una GIF di 20 fotogrammi può averne 19 da 40 ms e l'ultimo fermo per due secondi. Chi assume un ritmo costante sbaglia la sequenza dal primo fotogramma irregolare in poi. Qui ogni fotogramma viene messo sulla linea del tempo con la sua durata, che viene percorsa una sola volta: se chiedi più FPS di quelli della sorgente i fotogrammi si ripetono, se ne chiedi meno alcuni vengono saltati.
Ottenere esattamente i fotogrammi del file. Imposta il cursore FPS sul frame rate dell'animazione. Appena scegli il file la pagina mostra nome, durata in secondi e dimensioni in pixel, e sotto le impostazioni una stima del tipo “≈ 50 fotogrammi”. I fotogrammi sono la durata per gli FPS, quindi un'animazione di 2,0 secondi a 25 FPS dà 50 fotogrammi. Quando la stima corrisponde a quello che ti aspetti ottieni una divisione uno a uno: un'immagine in uscita per ogni fotogramma in ingresso, nello stesso ordine.
Le impostazioni, che aggiornano la stima a ogni modifica: • FPS, da 1 a 60, predefinito 24. È il ritmo che vuoi in uscita, non quello con cui è stato creato il file. • Larghezza di uscita: Originale, 1920, 1440, 1080, 720 px o un valore personalizzato da 64 a 7680 px. L'altezza segue le proporzioni della sorgente, quindi uno sticker 500×500 resta quadrato. • Formato: JPG o WebP. Non c'è l'uscita PNG. Il WebP è il più leggero dei due a parità di qualità, il JPG è la scelta più sicura se i fotogrammi devono finire in un programma vecchio. • Qualità, da 0,10 a 1,00, predefinita 0,85. 0,85 è il compromesso abituale, 1,00 è quasi senza perdita ma molto più pesante, e sotto 0,6 si vedono i blocchetti sulle campiture di colore, frequenti nelle GIF.
Cosa scarichi. I fotogrammi si chiamano frame_0001.jpg, frame_0002.jpg e così via, con quattro cifre, quindi restano in ordine in Esplora file, nel Finder, in uno script o in un comando ffmpeg senza rinominare nulla. L'estensione segue il formato scelto e l'archivio si chiama frames.zip.
Limiti. Sopra i 1.000 fotogrammi compare un avviso, sopra i 2.500 l'estrazione è bloccata. Il motivo è la memoria: lo ZIP viene costruito in RAM prima del download. Se arrivi al limite, abbassa gli FPS, scegli una larghezza minore o dividi la sorgente in due.
Anche i file video funzionano, e nel selettore compaiono dopo i formati animati: MP4, WebM, MOV e tutto ciò che il browser sa riprodurre passano da WebCodecs, o da un metodo di riserva più lento nei browser che non lo hanno, con le stesse impostazioni e lo stesso ZIP. Se di solito parti da un video, l'estrazione dei fotogrammi da video di questo sito è lo stesso motore con impostazioni e testi pensati per i video.
Domande frequenti
Come divido una GIF in fotogrammi?
- Scegli il file .gif, imposta gli FPS sul frame rate dell'animazione e premi Estrai e scarica lo ZIP, poi Scarica frames.zip. Ottieni un archivio di immagini numerate da frame_0001, una per fotogramma. Con FPS più alti della sorgente i fotogrammi si ripetono, con FPS più bassi alcuni vengono saltati: per una divisione pulita uno a uno fai coincidere i due valori.
Come estraggo i fotogrammi da un WebP animato?
- Nello stesso modo: seleziona il file .webp, imposta gli FPS sul suo frame rate ed estrai. Il WebP viene letto con l'API ImageDecoder, che rispetta la durata di ogni fotogramma, quindi serve Chrome o Edge 94 o successivi.
Quanti fotogrammi ha la mia GIF o il mio WebP animato?
- La durata moltiplicata per il frame rate. Appena scegli il file la pagina mostra la durata in secondi e una stima dei fotogrammi per gli FPS impostati: un'animazione di 2,0 secondi a 25 FPS dà 50 fotogrammi. Sposta il cursore FPS finché la stima corrisponde al valore che ti aspetti e avrai un'immagine per ogni fotogramma della sorgente.
Posso avere i fotogrammi in PNG?
- No. Il menu Formato offre solo JPG e WebP. Se ti servono file PNG, estrai in WebP, che a qualità alta conserva bene i colori piatti, e converti i file dopo, per esempio con l'Image Format Converter di questo sito.
Perché il pulsante di estrazione resta disattivato con il mio file animato?
- Probabilmente perché il browser non ha l'API ImageDecoder, che serve per leggere le immagini animate ed è disponibile in Chrome ed Edge 94 e successivi. Senza quella il file non viene letto e la pagina non può mostrare durata e stima. Apri la pagina in Chrome o in Edge, oppure converti il file in MP4 o WebM, che passa dalla strada dei video e funziona in tutti i browser.
Funziona con una GIF che ha tempi diversi tra i fotogrammi?
- Sì. La durata di ogni fotogramma viene letta dal file e usata per posizionarlo sulla linea del tempo, quindi una GIF che tiene fermo l'ultimo fotogramma per due secondi viene ricampionata correttamente invece di essere stirata a un ritmo costante.
Che differenza c'è con i divisori di GIF online come ezgif?
- Qui il file resta sul tuo computer. I servizi come ezgif caricano il file su un server, lo dividono lì e ti restituiscono le miniature, entro un limite di dimensione deciso dal server. Qui non c'è caricamento, non c'è un limite oltre la memoria del tuo dispositivo e scegli tu FPS, larghezza, formato e qualità. Lo svantaggio è la compatibilità: per i file animati serve Chrome o Edge.
Posso estrarre i fotogrammi da un APNG o da un AVIF animato?
- Sì. I file .apng e .avif seguono la stessa strada di .webp e .gif, con le stesse impostazioni e lo stesso ZIP. Il formato viene riconosciuto prima di tutto dall'estensione del file, perché alcuni browser non riportano il tipo corretto per gli APNG.
Qual è il numero massimo di fotogrammi?
- 2.500, con un avviso già sopra i 1.000. L'archivio viene costruito in memoria prima del download, e qualche migliaio di fotogrammi larghi 1920 px basta a esaurire la memoria della scheda. Se arrivi al limite abbassa gli FPS, scegli una larghezza minore o dividi la sorgente.
Posso usare anche un file video?
- Sì. MP4, WebM, MOV e gli altri formati che il browser sa riprodurre funzionano anche qui: nel selettore compaiono dopo i formati animati. Il video passa da WebCodecs, o da un metodo di riserva più lento, invece che da ImageDecoder, ma impostazioni e ZIP sono identici.
I miei file vengono caricati da qualche parte?
- No. Decodifica, ridimensionamento, ricodifica e ZIP avvengono nella scheda del browser. Apri la scheda Rete degli strumenti per sviluppatori ed estrai: non parte nessuna richiesta, quindi va bene anche per materiale riservato.
Formati animati: cosa contiene ciascuno
I quattro formati animati che questa pagina legge, e cosa resta quando li dividi in immagini fisse.
| Formato | Colori per fotogramma | Trasparenza | Peso tipico rispetto alla GIF |
|---|---|---|---|
| GIF | 256, da una tavolozza | 1 bit: un pixel è trasparente oppure no | Riferimento, 100% |
| WebP animato | 16,7 milioni, 24 bit | Canale alfa a 8 bit, 256 livelli | 35–65% più leggero |
| APNG | 16,7 milioni, 24 bit | Canale alfa a 8 bit, 256 livelli | 10–40% più leggero |
| AVIF animato | 10 bit e oltre, anche HDR | Canale alfa a 8 bit o più | 50–80% più leggero |
I pesi sono intervalli tipici per la stessa animazione e cambiano molto con il contenuto: i disegni a colori piatti si adattano alla tavolozza della GIF, i fotogrammi fotografici a WebP e AVIF. Per dividere un file animato in fotogrammi, questa pagina ha bisogno dell'API ImageDecoder.