Crea uno sprite sheet dalle immagini

Impacchetta fotogrammi di animazione o icone in un unico sprite sheet per giochi e CSS. Scegli colonne e margine interno e ottieni un atlante JSON compatibile con Phaser, PixiJS e altri motori.

Le tue immagini vengono elaborate sul tuo dispositivo e non vengono mai caricate.

Trascina qui le tue immagini

oppure trascinali qui

Formati accettati: PNG, WEBP, GIF, JPG · Fino a 512 MB per file

Come usare questo strumento

  1. 01

    Aggiungi i tuoi fotogrammi, nell’ordine dell’animazione.

  2. 02

    Imposta il numero di colonne e il margine tra i fotogrammi.

  3. 03

    Elabora e scarica lo sprite sheet, con o senza l’atlante JSON.

Fotogrammi precisi al pixel

I fotogrammi non vengono mai scalati. Ciascuno si trova in alto a sinistra di una cella di uguali dimensioni e l’atlante registra la sua posizione e dimensione esatte.

Atlante adatto ai motori

Il JSON usa il formato hash TexturePacker, ampiamente supportato, con chiavi corrispondenti al nome file di ciascun fotogramma.

Domande frequenti

Che formato ha lo sprite sheet?

PNG, così la trasparenza viene mantenuta.

I fotogrammi devono avere le stesse dimensioni?

No. Le celle hanno le dimensioni del fotogramma più grande e l’atlante registra la dimensione reale di ciascun fotogramma.

Le mie immagini vengono caricate?

No. Lo sprite sheet viene creato nel tuo browser.

Strumenti correlati