HomeGames › Sprite Sheet Maker

Sprite Sheet Maker

Pack animation frames or the frames of a GIF into a sprite sheet grid with JSON coordinates, in your browser. Free, no upload.

Drop files here or

Accepts .png, .jpg, .jpeg, .webp, .gif, .bmp, .tga, .dds, .avif · Processed on your device, never uploaded

About this tool

Game engines and web animations want all the frames of a sprite in one image. Drop in the frames in order (or a single animated GIF) and they are laid out on a grid of equal cells, sized to the largest frame, with optional padding to stop texture bleeding. You get the sheet as a PNG and a JSON file listing every frame's position and size.

Cells are placed left to right, top to bottom, so frame N is at column N mod columns. That matches the default expectations of Unity, Godot, Phaser, and CSS sprite animations.

Everything happens inside your browser. Your file is never uploaded to a server: the conversion runs on your own device using WebAssembly, and the result is downloaded straight from memory. Close the tab and nothing is left behind.

How to use it

  1. Drop your PNG files into the box above, or click to browse. Nothing is uploaded.
  2. Adjust the options if you want; the defaults suit most files.
  3. Click the button and wait a moment.
  4. Download the results individually or all at once as a ZIP.

Frequently asked questions

How are frames ordered?

In the order you add them. Select files sorted by name to keep a numbered sequence in order. For a GIF, frames follow the animation.

Why add padding?

When a sheet is scaled by the GPU, neighbouring cells can bleed into each other at the edges. One or two pixels of padding prevents it.

Is this really free?

Yes. The site is supported by ads, and there are no limits on how many files you convert.

Are my files uploaded anywhere?

No. The converter runs entirely in your browser. Files stay on your device, which also makes it faster than upload-based converters for anything larger than a few megabytes.

Is there a file size limit?

The only limit is your device's memory. Images and audio of any normal size are fine; for video, files under about 500 MB work well on most laptops and phones.

Which browsers are supported?

Current versions of Chrome, Edge, Firefox, and Safari on desktop and mobile. Very old browsers without WebAssembly support will not work.

Format guides

Related tools

More game dev tools

View all
Minecraft Skin EditorMake and edit Minecraft skins in your browser with a live 3D preview: Steve and Alex models, a labelled 64 × 64 part guide, palettes, mirror mode, undoSprite EditorDraw pixel art and animated sprites in your browser: pencil, fill, mirror mode, palettes, noise shading brushes, frames with playback, undoNoise Texture GeneratorGenerate seamless, tileable noise textures (Perlin, value, cellular Worley, white grain) as PNG for games, shaders, and 3D materials, in your browserNormal Map GeneratorTurn a height map, bump map, or any texture into a tangent-space normal map (OpenGL or DirectX) in your browserImage to Pixel ArtTurn any photo or drawing into pixel art in your browser: choose the pixel size, a limited palette (16 colors, Game Boy, PICO-8), and ditheringSprite Sheet SplitterSplit a sprite sheet or tileset into individual PNG frames by grid or tile size, in your browserPixel Art UpscalerScale pixel art, sprites, and game textures up 2x to 16x with crisp nearest-neighbour scaling, in your browserDDS to PNG.dds → .png