Skip to content
crojam.com
All programs
ReleasedAny modern browser

Spritesheet Splitter

Slice a spritesheet into named, game-ready frames — right in the browser.

Overview

Spritesheet Splitter is a zero-install browser tool for the tedious part of game art: cutting a packed spritesheet back into individual frames. Load an image, preview it on a canvas, and drag to select exactly the region you want. Tell it how many rows the sheet has and how many sprites sit in each row, name every row (walk_up, walk_down, attack, and so on), nudge a vertical offset to line things up, and it exports each frame as its own image. Nothing is uploaded anywhere — the whole thing runs client-side, so your art never leaves your machine.

Screenshots

SpriteSheet Splitter slicing a spritesheet into named, per-row frames
SpriteSheet Splitter slicing a spritesheet into named, per-row frames

Key features

  • Load any spritesheet and preview it on an interactive canvas
  • Drag to select the exact region to slice
  • Set rows and sprites-per-row to match your sheet's grid
  • Name each row so exported frames come out as walk_up_1, attack_2, and so on
  • Adjust a vertical offset to correct sheets that do not line up cleanly
  • Runs entirely in the browser — no upload, no install, no dependencies

Tech stack

  • HTML5 Canvas
  • Vanilla JavaScript
  • JSZip