Skip to content
Spellkit

Image Splitter & Cropper

Split an image into a grid or crop a region, then download as ZIP. No upload, fully private.

Your image is processed in your browser and discarded after download — never uploaded.

What is Image Splitter & Cropper?

Image Splitter & Cropper splits an image online into a grid — like a 3×3 for Instagram — or into fixed-size pixel tiles, then downloads every piece as a ZIP. It's free and runs entirely in your browser, with a live preview overlay so you can check the grid before cutting.

Key features

  • Grid mode: split evenly into any rows × columns
  • Fixed tile mode cuts exact pixel sizes for sprites and tilemaps
  • Live preview with the grid overlaid on your image
  • Downloads all pieces as one ZIP
  • Tiles named name_r01_c01.png so they stay in order

How to split or crop an image into tiles

The Image Splitter cuts one picture into many pieces and bundles them into a ZIP. There are two very different reasons to do that: laying out a photo across a social grid so it reassembles into one big image on a profile, or chopping a sprite sheet and tilemap into the exact pixel cells a game engine expects. The tool handles both with two modes. Everything runs on your device using the browser's Canvas API — the image is never uploaded.

Steps

  1. Choose an image. Click the drop zone and pick a file. A live preview appears immediately with the cut lines drawn over it, so you can see exactly where the tiles fall before committing.
  2. Choose a mode and set the numbers:
    • Grid (rows × columns) — divides the image evenly into the rows and columns you set, each from 1 to 20. A 3×3 grid (the default) is the classic nine-square Instagram layout; 1 row × 3 columns makes a wide panorama into a swipeable carousel.
    • Fixed tile size (px) — cuts tiles of an exact pixel size, each side from 8 to 4096 px. Use this for game assets where every cell must be, say, exactly 32×32. If the image doesn't divide evenly, the tiles in the last row and last column come out smaller rather than being padded.
  3. Split & download. The tile count updates live as you change the numbers, so you know you'll get 9 pieces before you click.

How the tiles are named

Tiles are exported as PNG and named in row-major order: name_r01_c01.png, name_r01_c02.png, and so on across each row before moving down. The zero-padded numbers keep them sorted correctly in any file browser, which matters when you re-upload a grid in posting order or feed frames back into an engine in sequence. On desktop everything arrives as one ZIP; on mobile the tiles are passed to the share sheet to save individually.

Grid vs. fixed: which to use

Reach for grid mode when the whole image should be divided into a set number of equal pieces regardless of their pixel size — social layouts, contact sheets, cutting a poster into printable sections. Reach for fixed-tile mode when the pixel dimensions of each piece are what's fixed and the piece count just falls out of the math — sprite sheets, tilemaps, texture atlases.

Privacy

Your image is processed locally and discarded right after the download — it never leaves your device, and the split tiles are cleared from memory once the ZIP is saved. Nothing is uploaded before, during, or after the split.

Frequently asked questions

What is the difference between grid mode and fixed-tile mode?
Grid mode divides the whole image into a set number of equal rows and columns (1 to 20 each), which suits social layouts and contact sheets. Fixed-tile mode cuts pieces of an exact pixel size (8 to 4096 px per side), which suits sprite sheets where every cell must be, say, exactly 32x32.
How are the tiles named, and will they stay in order?
Tiles are PNGs named in row-major order: name_r01_c01.png, name_r01_c02.png, and so on across each row before moving down. The zero-padded numbers keep them sorted correctly in any file browser, which matters when you re-upload a grid in posting order.
What happens if my image does not divide evenly in fixed-tile mode?
The tiles in the last row and last column come out smaller rather than being padded to full size. Grid mode is different: it always splits the image evenly into your chosen rows and columns.
Can I make a 3x3 grid for an Instagram feed?
Yes. 3x3 is the default grid and produces the nine-square feed layout. For a swipeable panorama carousel, set 1 row and 3 (or more) columns instead.
How do I get all the pieces, and is my image uploaded?
On desktop the tiles download together as a single ZIP; on mobile they are handed to the share sheet to save individually. Nothing is uploaded: the split runs on your device with the Canvas API, and the image is discarded after download.

Privacy

Your image is sliced and packaged into a ZIP entirely on your device using the browser's Canvas API — nothing is uploaded before or during the split.