Explainer

What is a sprite sheet?

A sprite sheet — also called a texture atlas — is a single image containing many smaller images, plus a data file that says where each one lives.

"In computer graphics, a texture atlas (also called a sprite sheet or an image sprite) is an image containing multiple smaller images, usually packed together to reduce overall file size and draw calls." — Wikipedia, Texture atlas

Games do this for speed: one texture upload and one draw call can cover dozens of sprites, instead of a file and a draw call each. Animation uses the same trick — the frames of a walk cycle sit side by side in one sheet, and the engine flips through their rectangles like a flipbook.

A single sprite frame: a fox mage character
One frame. A sheet is many of these, packed into a single image with a coordinate file beside it.

The vocabulary that matters

TermMeaning
FrameOne sub-image inside the sheet — a pose, an icon, a tile.
Atlas / sheetThe combined image plus its data file.
Data fileJSON/XML/CSS listing each frame's x, y, width, height in the sheet. Formats differ per engine (Phaser, Godot, Unity…).
TrimmingRemoving transparent borders before packing to save space; the data file records the offset so the frame can be restored exactly.
Rotated frameA frame stored turned 90° to pack tighter. In the data, rotated: true and w/h stay the frame's logical size — its footprint on the sheet is h×w.
Grid sheetAll frames in equal cells. Engines can slice it by cell size alone — no data file needed. Animation and tileset standard.
PaddingEmpty pixels between frames; prevents colour bleeding at texture edges when the GPU scales or filters.

Which tool do I need?

I have…I want…Tool
Separate frame imagesOne sheet + engine dataSheet Maker
A finished sheetThe individual frames backSheet Cutter
An animated GIFA sheet, or the reverseGIF ↔ Sheet
A photo / illustrationA pixel-art spriteImage to Pixel Art
Just an ideaA character spriteAI Generator (Beta)

Why not just use single images?

For a handful of sprites, you can. Sheets earn their keep when a game has hundreds of frames: fewer files to load, fewer texture swaps for the GPU, and one place to keep an animation's frames in order. Every mainstream 2D engine — Godot, Unity, Phaser, GameMaker, RPG Maker — is built around them.