Sprite Sheet Cutter: Every Sprite as a PNG

Drop a sheet and this free sprite sheet cutter finds every sprite on a transparent or one-colour background, or slices it by grid. Download the frames as PNGs, a looping GIF or a JSON atlas, all in your browser.

Sprite sheet cutterFree · runs in your browser

Drop a sprite sheet here

PNG, JPG, WebP or GIF. Everything stays in your browser.

  • Free, runs in your browser
  • Finds sprites by background
  • Grid by count or cell size
  • PNG, GIF and JSON atlas

Sprite Sheet Cutter Examples

Eight sheets made for these examples, each cut by this page's own sprite sheet cutter. Open one to try every setting.

Pixel knight run cycle

Pixel knight run cycle

Six frames on transparency, found by background and set to one size, so the animation plays without jumping.

RPG items on magenta

RPG items on magenta

Twelve inventory icons on a solid magenta background, each cut out as a transparent PNG.

App icon set on white

App icon set on white

Twelve flat icons; parts a few pixels apart, like a cart's wheels, stay with their icon.

Explosion effect, 4 × 2 grid

Explosion effect, 4 × 2 grid

Eight effect frames sliced by columns and rows, then played as a looping GIF.

Slime idle bounce

Slime idle bounce

Four frames with their ground shadows, aligned bottom centre for the animation.

Spinning coin, 8 × 1 grid

Spinning coin, 8 × 1 grid

Eight frames with a soft glow; the faint glow setting keeps each coin apart.

Platformer tileset

Platformer tileset

Sixteen tiles touching each other, sliced by a 128 px cell size.

Emoji sticker sheet

Emoji sticker sheet

Twelve faces on a light grey background, ready for chat stickers.

How to Cut a Sprite Sheet

Three steps, and nothing is uploaded.

  1. Drop, paste or choose a PNG, JPG, WebP or GIF. The sheet stays on your device.

  2. By background finds every sprite on transparency or one colour, magenta and white included. By grid slices equal cells by columns and rows or by cell size, with offset and spacing.

  3. Save every sprite as a PNG in one ZIP, play the frames and save an animated GIF, or take a JSON atlas for your engine.

What This Sprite Sheet Cutter Does Best

Six things it does well, from a single icon set to a whole animation.

  1. Transparent or one-colour backgroundsSheet

    Transparent or one-colour backgrounds

    It reads the background from the sheet's edges: transparency, magenta, white or any flat colour, within a tolerance you set. Every sprite comes out as a transparent PNG.

  2. Parts stay with their spriteSheet

    Parts stay with their sprite

    Pieces a few pixels apart, like a sword's glint, a shadow or a cart's wheels, join their sprite, and tiny specks are left out. Sprites are numbered in reading order.

  3. Animation frames that line up

    Animation frames that line up

    Same size frames puts every sprite on one canvas size, bottom centre, so feet stay on the ground. Play the frames at any speed and save a looping GIF.

  4. A JSON atlas for your engine

    A JSON atlas for your engine

    Download frame names and positions in the JSON hash format that Phaser and PixiJS read, next to the PNGs.

  5. Grids, pixel art and padding

    Grids, pixel art and padding

    Slice by columns and rows or by cell size with offset and spacing, skip empty cells, add padding, and enlarge pixel art 2× or 4× with sharp pixels.

  6. Busy backgrounds go to AI

    Busy backgrounds go to AI

    A picture without a clean background, like a painted scene or a photo, goes to the AI image cutout in one click, which cuts out every object for 1 credit.

Guide: Cut a Sprite Sheet Cleanly

Six short tips for clean sprites with this sprite sheet cutter.

Pick the right mode

Use By background when sprites stand apart on transparency or one colour, even with uneven spacing. Use By grid when every frame sits in an equal cell, or when tiles touch each other.

Pick the right mode

Set the colour tolerance

Raise the tolerance if a little of the background stays around the sprites; lower it if parts of a sprite disappear. Pick the background colour by hand when the sheet's edges are busy.

Join parts, drop specks

Join parts within keeps detached pieces with their sprite; raise it for icons made of separate parts. Ignore specks removes stray dots. On a transparent sheet, the faint glow setting keeps glowing sprites apart.

Join parts, drop specks

Frames for animation

Turn on Same size frames for walk cycles and effects, check the animation, then save the GIF or the ZIP. Grid frames keep the cell size unless you trim them.

Pixel art

Enlarge 2× or 4× for crisp, bigger frames for a preview or a store page; every pixel stays square.

Pixel art

What you download

Each PNG is named from your file and numbered in reading order. The JSON atlas keeps each frame's place on the original sheet.

Who Uses a Sprite Sheet Cutter

Common reasons to split a sprite sheet.

  • Game developers

    Split a downloaded or old sheet into frames to rebuild animations in your engine.

  • Pixel artists

    Cut your own sheets into single frames, enlarge them crisply and share animated previews.

  • App and web designers

    Pull single icons out of an icon sheet as transparent PNGs.

  • Sticker and emoji makers

    Split a sticker or emoji sheet into one file per sticker for chat apps.

Sprite Sheet Cutter FAQ

Answers about cutting sprite sheets, files and privacy.









Cut a Sprite Sheet Now

Open a sheet and download every sprite as a PNG in seconds, free and in your browser.

Open a sprite sheet