Image Splitter

Split a composite image into individual tiles using an adjustable grid with draggable guides

Drop image here, click, or paste (Ctrl+V)

Supports JPG, PNG, WebP, GIF

Image to split

Tiles

Processing...

How to split an image into tiles

1

Upload your image

Drop a composite image, click to browse, or paste from the clipboard.

2

Set rows & columns

Choose the initial grid and click "Apply uniform grid" to lay out evenly spaced guides.

3

Drag the guides

Fine-tune each horizontal or vertical line. Double-click to remove. Add more as needed.

4

Split & download

Preview the tiles, download individually, or grab them all in a ZIP file.

Adjustable grid

Start with a uniform grid, then drag the guides anywhere - perfect when your composite has uneven rows or columns.

Bulk ZIP download

Grab every tile at once in a single ZIP, or download individual tiles by clicking on them.

100% private

Everything runs in your browser. Your image never leaves your device - no upload, no server processing.

Trim whitespace

Optionally crop near-white borders around each tile so your output is tight and ready to use.

PNG / JPEG / WebP

Export tiles in the format that fits your workflow - PNG for transparency-ready assets, JPEG or WebP for smaller files.

Pair with other tools

Split first, then send tiles through the AI Background Remover, Upscaler or Magic Eraser for a complete workflow.

Image Splitter - Cut Composite Images into Individual Tiles

Turn a single composite image (sprite sheet, icon board, road-sign chart, photo collage, map grid) into clean individual tiles. Start from a uniform rows × columns grid, then drag the guides to match any uneven layout.

Key Features

  • Adjustable rows × columns starting grid
  • Draggable horizontal and vertical guides for uneven layouts
  • Add, move, or remove individual guide lines
  • Optional whitespace trimming around each tile
  • Export as PNG, JPEG, or WebP
  • Bulk download all tiles as a single ZIP
  • 100% client-side - your image never leaves your browser

Perfect For

  • Extract individual icons from a sprite sheet
  • Split a chart of road signs, flags, or symbols into pieces
  • Cut a photo collage back into separate photos
  • Slice a map or floor plan into sections
  • Prepare tiles before running them through an AI background remover
  • Break a scanned contact sheet into single frames

How It Works

Composite images - sprite sheets, icon charts, road-sign catalogues, photo collages, map sections - often need to be broken back into their parts. The Image Splitter gives you a draggable grid layered on top of your image so you can cut it with pixel precision. Enter the number of rows and columns you need and the tool lays out a uniform grid; then drag any horizontal or vertical guide to adjust, add new guides for irregular layouts, or remove the ones you do not need. When you hit Split, each grid cell becomes its own tile, ready to download individually or as a ZIP. An optional whitespace-trim setting crops near-white borders off each tile so your output is tight. Because every operation runs in your browser on HTML canvas, the source image never leaves your device and there are no file-size limits tied to uploads. It pairs perfectly with the rest of Image Ninja - split first, then send tiles through the AI Background Remover, Upscaler, or Compressor to finish the job.