How to Split a Sprite Sheet into Individual Frames

An existing sprite sheet is useful for a game engine, but individual frames are easier to edit or reuse in an animation. Our sprite sheet splitter reads the image in your browser and exports the resulting frames as a ZIP of PNG files.

Start with the source image

Open the splitter and select one PNG, WebP, or other supported image. A transparent PNG gives the sprite detection option clear empty space between drawings. If the artwork has a solid background, or its frames touch, use a grid instead.

The input limit is 25 MB per file. The workspace supports up to 200 frames and a 4096 × 4096 pixel export. Large sheets may also be limited by the memory available in your browser.

Choose the right slicing method

For a uniform grid, count the columns and rows in the original sheet. Enter those numbers in the splitter, then review the resulting frames. Grid slicing works even when the background is opaque, provided every cell has the same size.

For separated sprites on a transparent background, try automatic detection. It looks for disconnected nontransparent regions. Decorations or stray pixels may become extra frames, so inspect the strip before exporting. Detection is not a replacement for the matching atlas metadata when sprites overlap or have irregular spacing.

Check and export

Preview the frames in order. Reorder or remove anything that does not belong, then choose Download frames.zip. The ZIP contains the individual PNG frames. If you want to test the motion first, open the sprite sheet animator and adjust the playback rate.

Your source image is processed locally in the browser for this free tool; it is not uploaded to the site.