Sprite Sheet Splitter & Cutter

Cut a sprite sheet into individual PNG frames. Use a grid or detect separate sprites from their transparent background.

No sign-up
Images never leave your browser
Made for desktop and phone

Drop files here · everything stays in your browser

ORDER

SAMPLE CHARACTER · TRY IT OUT

→

No frames yet? Generate the whole action set.

One character. A whole set of moves. Explore the AI sprite workflow.

Try AI Sprite Generator

How to Split a Sprite Sheet into Frames

Upload one sprite sheet

Choose a sheet from your device. A transparent background helps automatic sprite detection.

Choose grid or detection

Enter columns and rows for equal-size cells, or detect separated sprites on a transparent sheet.

Inspect and download

Review the frame strip and save individual PNG frames as frames.zip.

Features

Two slicing methods

Use a regular grid or detect isolated nontransparent regions.

Inspect each frame

Check the result and reorder frames before downloading.

Individual PNG export

Get the extracted frames together in a ZIP, processed locally.

Tips for Sprite Sheet Splitter

Use grid slicing for uniform cells

Choose a grid when every frame occupies the same rectangle, even if the sheet has an opaque background. Enter the exact columns and rows: a wrong count changes the crop boundaries and can cut sprites in half. Grid slicing also keeps intentional blank space around each pose.

Use auto-detection for separated sprites

Automatic detection finds connected groups of nontransparent pixels. It works when each sprite is isolated by a transparent gap. Touching sprites can merge into one region; detached parts or stray opaque pixels can become extra regions. If that happens, clean the source image or switch to a known grid. Detection is limited to sheets up to 2048 × 2048 pixels.

Inspect before downloading

After either slicing method, check the frame strip for missing or extra regions. Reorder the results if reading order differs from the intended animation, then download the selected PNG frames together. The source sheet stays in your browser throughout this free workflow.

Splitting sprite sheets for Unity, Godot, Phaser and FNF

Unity

Unity can slice a sheet itself in the Sprite Editor (Sprite Mode: Multiple, then Slice → Grid By Cell Size). Split here when you need loose PNG files, for example to retouch one pose or rebuild the sheet with different spacing.

Godot 4

The SpriteFrames panel of an AnimatedSprite2D can add frames from a sprite sheet grid, or accept separate PNG files dropped into an animation. Separate files are easier when the original grid was uneven.

Phaser

Phaser loads an even grid with this.load.spritesheet and a frameWidth and frameHeight. If the cells differ in size, split the frames here and repack them with the sprite sheet maker to get a JSON atlas for this.load.atlas.

Friday Night Funkin’

FNF characters need named frames in Sparrow XML, not a plain grid. Split an old sheet into PNG frames, then add them to the idle and sing groups of the FNF generator to produce the XML.

Supported Formats

Inputs and exports available in this tool.

Direction	Formats	Notes
Source sheet	PNG · JPG · WebP · HEIC	Transparent PNG is best for region detection.
Extracted frames	PNG in frames.zip	Up to 200 frames in one workspace.

FAQ

When should I use a grid?

Use a grid when frames have equal dimensions or the background is not transparent. Match the original column and row count.

When does automatic detection work?

It works best when each sprite is separated by transparent pixels. Stray pixels can produce extra detected regions.

What can I download?

The splitter exports the selected individual frames as PNG files in frames.zip.

How do I work out the columns and rows?

Divide the sheet width by one frame’s width for columns, and the height by one frame’s height for rows. A 512 × 256 sheet of 64 × 64 frames is 8 columns and 4 rows.

Can I split a sprite sheet with a white or colored background?

Yes, with grid slicing. Automatic detection needs transparent gaps between sprites, so it cannot separate sprites drawn on a solid background.

How are the PNG files named?

Frames are numbered in the order shown in the strip: 0001.png, 0002.png and so on. Reorder the strip first if you want a different sequence.

Can it split an atlas that came with JSON or XML?

The splitter uses a grid or transparent gaps, not atlas coordinates. For an FNF sheet with Sparrow XML, import the PNG and XML into the FNF sprite sheet and XML generator, which restores each named frame.

What are the size limits?

Files can be up to 25 MB and a workspace holds up to 200 frames. Automatic detection works on sheets up to 2048 × 2048 pixels; use a grid for larger sheets.

Are my images uploaded anywhere?

No. The free tools decode, preview and export your files inside your browser. Closing this page clears the current workspace.

Next steps with your frames

Sprite sheet maker packs the split frames back into one sheet with new spacing, plus JSON for Unity, Godot or Phaser.
Sprite sheet to GIF converter turns the same grid into a looping GIF preview.
FNF sprite sheet and XML generator names the frames and writes Sparrow XML for Psych Engine.

Read the sprite sheet splitting guide →