🎮
← Back to tools

🎞️ Sprite Sheet Splitter & Animation Frame Maker

Split sprite sheets into PNG frames or compose frames into sheets—with trim, reorder, animation preview, and batch export.

How to use

  1. Choose the Split sprite sheet or Compose frames tab for your workflow
  2. Split: upload a sprite sheet, set grid/fixed size or smart detect, then click Start split
  3. Compose: batch-upload frames, set layout, gaps, and background, then click Compose sheet
  4. Review frames in the list; on the Split tab, use animation preview to verify playback
  5. Export PNG / ZIP and metadata.json from the export panel, or send to texture packer
  • Split supports manual grid, auto grid, and subject detection modes
  • Trim transparent edges may change frame size—use Unify size if animation jitters

Loading tool…

Sprite Sheet SplitterAnimation Frame Makersprite sheet to frames2D game animationsequence frames

Sprite Sheet Splitter & Animation Frame Maker — overview

Sprite Sheet Splitter & Animation Frame Maker helps 2D developers convert between sprite sheets and PNG frame sequences—with grid split, compose, transparent trim, live animation preview, and batch export.

Why AI helps

Manual frame cutting in image editors is slow and error-prone. Rule-based grid split plus FPS preview lets you validate walk cycles and attack animations before importing to Unity, Cocos, or Godot.

Use cases

  • • Split sprite sheets into PNG sequences
  • • Compose PNG frames into sprite sheets
  • • Clean up AI-generated animation assets
  • • Reorder frames and trim transparent edges
  • • Preprocess assets before engine import

How to improve asset efficiency

  • • Use grid mode when frames are evenly spaced
  • • Enable unify size after trim to reduce animation jitter
  • • Preview at 12–24 FPS before export
  • • Export metadata.json alongside the sheet for tooling pipelines

Supported formats

PNG / JPG / WEBP inputPNG frame exportZIP batchmetadata.jsonSprite sheet PNG

Recommended workflow

  1. 1 Split or compose frames in this tool
  2. 2 Optional: send frames to Texture Packer for atlas layout
  3. 3 Import PNG + metadata into your game engine
  4. 4 Tune animation in engine timeline

How to use

  1. 1 Upload a sprite sheet or multiple PNG frames
  2. 2 Configure rows/columns or layout options
  3. 3 Split or compose, trim and reorder as needed
  4. 4 Preview animation and export PNG/ZIP/metadata