Sì. Puoi elaborare una GIF per volta senza creare un account. Lo strumento non aggiunge filigrane al PNG; quelle già visibili nell’animazione originale rimangono nell’immagine.
Da GIF a sprite sheet
Riunisci i fotogrammi completi di una GIF in un PNG trasparente. Scegli griglia o striscia e regola colonne, spaziatura e scala.
Da GIF a sprite sheet: tutti i fotogrammi in un PNG
Questo convertitore online da GIF a sprite sheet riunisce i fotogrammi completi di un’animazione in un unico PNG trasparente. Scegli una griglia, una striscia orizzontale o una striscia verticale e regola la spaziatura e la scala. Il risultato è un’immagine statica da suddividere nel tuo progetto.
Per convertire una GIF in uno spritesheet, parti da un’animazione salvata sul dispositivo. Uno sprite sheet assegna a ogni fotogramma una cella delle stesse dimensioni. L’ordine originale viene mantenuto, comprese le immagini duplicate presenti nel file.
Come creare uno sprite sheet da una GIF
1
Scegli e carica una GIF
Seleziona dal dispositivo una GIF fino a 25 MB. Il caricamento inizia appena scegli il file; attendi che finisca prima di generare l’immagine.
2
Imposta la disposizione e le dimensioni
Scegli Griglia, Striscia orizzontale o Striscia verticale. Per la griglia puoi usare le colonne automatiche oppure indicare un numero preciso. Regola i cursori della spaziatura e della scala in base alle dimensioni richieste dal progetto.
3
Genera, controlla e scarica il PNG
Premi Crea sprite sheet per inviare la conversione al server. Al termine, controlla l’anteprima e scarica il PNG. Puoi modificare le impostazioni e convertire di nuovo la stessa GIF già caricata.
Griglia, striscia orizzontale o striscia verticale?
La disposizione determina la forma dell’immagine. Sceglila in base al modo in cui suddividerai le celle e ai limiti delle texture nel tuo progetto.
| Disposizione | Quando usarla | Cosa controllare |
|---|---|---|
| Griglia | Per distribuire i fotogrammi su più righe. | La modalità automatica calcola le colonne; quella personalizzata permette di sceglierne da 1 a 240. |
| Striscia orizzontale | Per mettere tutta la sequenza su una sola riga, detta anche sprite strip. | Un’animazione lunga può produrre un PNG molto largo. |
| Striscia verticale | Per disporre i fotogrammi in una sola colonna. | Controlla l’altezza prima di importare l’immagine nel progetto. |
Nella griglia, i fotogrammi procedono da sinistra a destra e poi dall’alto verso il basso. Tutte le disposizioni rispettano lo stesso ordine: cambiare layout non elimina fotogrammi.
Adatta lo sprite sheet al tuo progetto
Colonne automatiche o personalizzate
La modalità automatica calcola una griglia usando il numero dei fotogrammi e le loro dimensioni. Scegli le colonne personalizzate quando ti serve un numero preciso di celle per riga.
Per esempio, otto fotogrammi da 64 × 64 pixel su tre colonne, con 2 px di spaziatura e scala al 100%, producono un PNG da 196 × 196 pixel. Una cella resta vuota e trasparente.
Spaziatura fra i fotogrammi
La distanza può variare da 0 a 32 pixel. Il valore iniziale è 0, quindi le celle sono adiacenti. Aumentandolo, vengono aggiunti spazi trasparenti fra le celle.
Questa impostazione non aggiunge un margine esterno. Quando suddividi il PNG in un altro programma, indica la stessa distanza, così ogni selezione comprende il fotogramma corretto e non una parte di quello vicino.
Scala dei fotogrammi dal 50% al 200%
Il cursore modifica la larghezza e l’altezza di ogni fotogramma. Accetta percentuali intere dal 50% al 200%; al 100% conserva le dimensioni della GIF di origine.
Il ridimensionamento usa il metodo del vicino più prossimo, che mantiene i bordi dei pixel senza sfumarli. Ridurre le dimensioni può eliminare dettagli; ingrandire non ricrea informazioni assenti nel file originale.
Cosa cambia passando da GIF a sprite sheet?
Una GIF può memorizzare solo le aree cambiate anziché un’immagine completa a ogni fotogramma. Il convertitore ricostruisce prima i fotogrammi completi e li dispone in celle uguali. I pixel trasparenti restano trasparenti, mentre uno sfondo opaco rimane parte dell’immagine.
Ogni fotogramma salvato compare una volta nel risultato, inclusi i duplicati. Il PNG non riproduce l’animazione e non contiene i dati sulla durata dei fotogrammi. Per eliminare bordi prima della conversione, usa Ritaglia GIF e torna con il file modificato.
Usa il PNG nel tuo flusso di animazione
Questo generatore di sprite sheet usa una GIF come sorgente. Importa il PNG nell’editor o nel motore di gioco e imposta lì le dimensioni delle celle e la spaziatura. Controlla i limiti delle texture di destinazione: la conversione non esporta progetti o file atlas specifici per un motore.
Per un flusso con sprite CSS e background-image, la guida agli sprite di MDN spiega come selezionare porzioni di un’immagine mediante la posizione dello sfondo. Se ti serve un file riproducibile direttamente in un lettore video, usa Da GIF a video.
Limiti della GIF e dello sprite sheet
| Controllo | Limite |
|---|---|
| File in ingresso | Una GIF fino a 25 MB |
| Fotogrammi di origine | Fino a 240 |
| Pixel complessivi dei fotogrammi | Fino a 60 milioni: larghezza × altezza × numero di fotogrammi |
| Dimensioni del PNG | Fino a 8192 pixel per lato |
| Pixel del PNG | Fino a 60 milioni: larghezza finale × altezza finale |
Tutti i limiti si applicano insieme. Anche una GIF poco pesante può contenere molti pixel dopo la decodifica. Se il risultato supera un limite, prova una griglia, cambia il numero di colonne o riduci la scala.
Domande sulla conversione da GIF a sprite sheet
Il PNG è un’immagine statica che contiene i fotogrammi disposti in sequenza. Non include i ritardi di riproduzione né l’impostazione del ciclo della GIF. Dopo aver suddiviso l’immagine, regola i tempi nel tuo programma.
Sì. La trasparenza originale viene mantenuta, così come gli spazi e le celle inutilizzate. La conversione non elimina uno sfondo opaco. Controlla i bordi nell’anteprima, soprattutto se l’animazione verrà collocata su un altro sfondo.
La griglia è composta da righe complete di celle uguali. Se i fotogrammi non riempiono l’ultima riga, le posizioni rimanenti restano trasparenti. Sono spazi vuoti, non fotogrammi aggiuntivi da riprodurre.
Il convertitore conserva tutti i fotogrammi memorizzati nella GIF e non elimina i duplicati. Le immagini ripetute possono far parte dell’animazione originale. Il numero di celle con contenuto corrisponde al numero di fotogrammi salvati.
Questa pagina unisce i fotogrammi in un unico PNG. Per una sequenza numerata di immagini singole in un archivio ZIP, usa Estrai fotogrammi GIF. Questa soluzione è adatta se vuoi modificare ogni immagine separatamente.
Usalo come immagine sorgente in un flusso che consente di suddividere una griglia regolare. Imposta nel progetto le dimensioni delle celle, la spaziatura e la riproduzione. Scarichi soltanto il PNG, quindi verifica le impostazioni richieste dal motore o dal codice.
GIF e PNG codificano le immagini in modo diverso e il risultato contiene tutti i fotogrammi completi in un’unica immagine. Anche gli spazi trasparenti e le celle inutilizzate aumentano le dimensioni. Una scala inferiore può aiutare, ma non garantisce un file più piccolo.
Trasforma la tua GIF in uno sprite sheet
Scegli una GIF, disponi i fotogrammi completi e scarica un PNG trasparente per il tuo progetto.