Cos'è un foglio sprite GIF?

Un foglio sprite dispone tutti i fotogrammi di una GIF animata come una griglia in un'unica immagine PNG, comunemente usata nello sviluppo di giochi e animazioni CSS.

In che formato viene esportato il foglio sprite?

PNG. Questo formato preserva tutti i colori e la trasparenza dai fotogrammi originali della GIF.

Come controllo il layout della griglia?

Imposta il numero di colonne. Il numero di righe viene calcolato automaticamente in base al numero totale di fotogrammi.

Come uso il foglio sprite nei CSS?

Usa le proprietà `background-position` e `animation` per scorrere i fotogrammi. Ogni fotogramma occupa (larghezza × colonna, altezza × riga) pixel nello sprite.

Posso usare fogli sprite nei giochi?

Sì. Motori di gioco come Phaser, Unity (2D) e Godot supportano tutti i fogli sprite per l'animazione fotogramma per fotogramma.

Quali sono le dimensioni di ogni fotogramma nel foglio sprite?

Ogni cella equivale alle dimensioni originali della GIF. La dimensione totale del foglio sprite è (larghezzaGIF × colonne) per (altezzaGIF × righe).

Il foglio sprite include la trasparenza?

Sì. Il PNG supporta la piena trasparenza alpha, quindi ogni area trasparente nei fotogrammi GIF viene preservata.

La GIF originale viene modificata?

No. Il foglio sprite è un nuovo file PNG. La tua GIF originale viene letta ma non modificata.

Perché dovrei usare un foglio sprite invece di una GIF?

I fogli sprite permettono un controllo preciso sull'animazione — puoi mettere in pausa, invertire o passare a fotogrammi specifici usando CSS o JavaScript, a differenza delle GIF che partono in automatico.

Posso controllare l'ordine dei fotogrammi nel foglio sprite?

I fotogrammi appaiono nello stesso ordine della GIF originale. Usa l'Editor fotogrammi per riordinarli prima di creare il foglio sprite.

Da GIF a Sprite

Esporta i fotogrammi della tua GIF come un unico foglio sprite PNG.

Trascina qui la tua GIF

O clicca per cercare · Solo GIF

Converti una GIF animata in uno sprite sheet: una singola immagine contenente tutti i fotogrammi disposti in una griglia. Ideale per animazioni CSS, motori di gioco ed esportazioni fotogramma per fotogramma.

Configura il numero di colonne e GifStream calcola automaticamente il layout della griglia. L'output è un singolo PNG con dimensioni dei fotogrammi coerenti e supporto per lo sfondo trasparente.

Guida: Da GIF a Sprite

Quando usarlo

Per trasformare una GIF in uno sprite sheet per i videogiochi.
Per preparare fotogrammi per animazioni CSS su un sito.
Per vedere tutti i fotogrammi di un'animazione a colpo d'occhio.

Consigli

Scegli un numero di colonne che renda il foglio quasi quadrato.
Il PNG conserva tutti i colori e la trasparenza.
Annota dimensione e numero dei fotogrammi: serviranno per animare il foglio.

Buono a sapersi

Ti servono file separati per fotogramma? Usa Dividi GIF.
Togli prima i fotogrammi inutili con Editor fotogrammi.
Per controllare la dimensione del foglio, riduci prima la GIF con Ridimensiona GIF.

Foglio Sprite GIF — FAQ

Last Updated: 14 agosto 2026