Skapa ett spritesheet av bilder

Packa animationsbildrutor eller ikoner i ett enda spritesheet för spel och CSS. Välj kolumner och marginal och få en JSON-atlas som är kompatibel med Phaser, PixiJS och andra motorer.

Dina bilder bearbetas på din enhet och laddas aldrig upp.

Släpp dina bilder här

eller dra och släpp

Godtar PNG, WEBP, GIF, JPG · Upp till 512 MB per fil

Så använder du verktyget

  1. 01

    Lägg till dina bildrutor, i animationsordning.

  2. 02

    Ange antal kolumner och marginalen mellan bildrutorna.

  3. 03

    Bearbeta och ladda ned spritesheetet, med eller utan JSON-atlasen.

Pixelexakta bildrutor

Bildrutorna skalas aldrig. Var och en placeras i det övre vänstra hörnet av en lika stor cell, och atlasen registrerar dess exakta position och storlek.

Motorvänlig atlas

JSON-filen använder det allmänt stödda TexturePacker-hashformatet, med varje bildrutas filnamn som nyckel.

Vanliga frågor

Vilket format har spritesheetet?

PNG, så att genomskinligheten bevaras.

Måste bildrutorna vara lika stora?

Nej. Cellerna anpassas efter den största bildrutan, och atlasen registrerar varje bildrutas verkliga storlek.

Laddas mina bilder upp?

Nej. Spritesheetet skapas i din webbläsare.

Relaterade verktyg