tool / imaging

Sprite Sheet Splitter

Detect and extract individual sprites from a sheet using alpha transparency or a color key background. Download all sprites as separate PNGs — zero server, zero uploads.

Back to tools index

Drop a sprite sheet here or browse

PNG, GIF, WebP, BMP — transparency or color-key supported

What It Does

Scans the uploaded image for distinct non-background regions using a connected-component flood-fill algorithm. Each isolated region is treated as one sprite and cropped into its own PNG. It supports two modes: alpha transparency (pixels with alpha < threshold are background) and color key (pixels within a color distance of the chosen background color are background).

How It Works

The tool reads every pixel via the Canvas API. For each unvisited foreground pixel it performs a 4-directional BFS to find all connected pixels, records the bounding box, then skips boxes smaller than the minimum size. The padding value expands each bounding box outward before cropping. Nothing leaves your browser.

How To Use

  • Drop or browse a sprite sheet image.
  • Choose Alpha transparency for sheets with transparent backgrounds (PNG).
  • Choose Color key for solid background colors (e.g. magenta #FF00FF) and set tolerance.
  • Click the image preview to sample a background color automatically.
  • Adjust padding and minimum size, then click Detect Sprites.
  • Download individual sprites or all at once.

// huntermussel

Need automated sprite processing in your game pipeline?

HunterMussel designs workflow automation systems that handle asset extraction, format conversion, and batch delivery at scale.

Explore Workflows & BPM →

Advertisement · Publicidade