Split an Image Into a 3x3 Grid

To split an image into a 3x3 grid, drop it into the splitter above. It cuts three rows by three columns and gives you nine tiles that keep the shape of the source. Files are named by row and column. Download them as a ZIP. Everything runs in your browser.

Drop an image here

or , or paste with Ctrl+V

JPG, PNG, WebP, GIF, BMP and AVIF, up to 50 MB.

Split by
Grid

Your image never leaves your device. Splitting runs in your browser with the Canvas API.

The order to upload them

Instagram puts your newest post at the top left of the profile grid and pushes everything else right and down. Post in this order and the picture lands the right way up. The number on each square is when to upload it, so the bottom right tile goes first and the top left tile goes 9th.

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9

What you get

Computed by the splitter library at build time
Pieces9, in 3 rows of 3
Cut lines2 vertical, 2 horizontal
Pieces from a 1080 × 1080 Instagram square360 × 360 px
Pieces from a 1080 × 1350 portrait360 × 450 px
Pieces from a 4000 × 3000 phone photo1333 × 1000 px, last piece 1334 × 1000 px
Pieces from a 1920 × 1080 screenshot640 × 360 px

A 3x3 split is the general version of the nine-tile cut. No square crop, no posting order, no platform assumptions. Three rows, three columns, nine tiles that each carry the aspect ratio of whatever you fed in.

That matters. A 1920 × 1080 screenshot split 3 by 3 gives nine 640 × 360 px tiles, which are wide, not square. If you want square tiles you need a square source, or the Instagram preset that crops to 1:1 first.

The naming follows the grid. Row one column one is the top left, row three column three is the bottom right, and a sequential number is included so you can sort them in reading order. Assembling them back into the original is then a matter of laying them out by name.

Equal cuts are computed in whole pixels, with the last tile in each row and column absorbing any remainder. A 1000 pixel width across three columns gives 333, 333 and 334. Nothing is resampled, so the nine tiles rejoin to the original exactly.

The interior lines are draggable in both directions if equal thirds are not what you want. That covers contact sheets with margins, laid-out artwork with gutters, and any source where the useful boundaries are not at even fractions.

Processing happens on a canvas in this page, so your file stays on your device.

What this split is used for

Nine-slice UI assets

A nine-slice sprite is a 3 by 3 cut where the corners keep their size and the edges stretch. Splitting the source into nine named tiles gives you the pieces to feed into a UI framework or check the slices visually. Drag the interior lines to the exact stretch boundaries rather than even thirds.

Break a contact sheet back into frames

A 3 by 3 contact sheet exported from a photo library or design tool is one flat image holding nine pictures. Split it back into nine files for individual review or upload. If the sheet has white gutters between frames, drag the cut lines into those gutters so each tile comes out clean.

Tile a map or floor plan for printing

A large plan split 3 by 3 prints across nine sheets that tape into a wall-sized reference. For a flat nine-way cut this page is enough. If you need overlap for taping, cut marks or a specific finished width in millimetres, the print splitter handles those properly.

Instagram feed grid

Nine tiles fill three rows of a profile. A 3 by 3 cut works if your source is already square. If it is not, use the 9-square preset, which crops to 1:1 first so every tile is the same shape rather than stretched wide by the source proportions.

Tips

  • This preset does not crop, so rectangular sources give rectangular tiles.
  • Start from a square source if you want nine square tiles without cropping.
  • Tiles are named by row and column, so r1c1 is top left and r3c3 is bottom right.
  • Drag the interior lines into gutters when splitting a laid-out sheet rather than a photograph.
  • The last tile in each row and column takes any leftover pixel, so the nine pieces rejoin exactly.

Frequently asked questions

What is a 3x3 grid split?

It is a cut into three rows and three columns, producing nine tiles arranged in a square layout. Each tile is one third of the source width and one third of its height. The tiles keep the aspect ratio of the original unless you crop the source to square first.

How big is each tile in a 3x3 split?

One third of the width by one third of the height. A 1080 × 1080 px source gives nine 360 × 360 px tiles. A 1920 × 1080 screenshot gives nine 640 × 360 px tiles instead, which come out wide rather than square because the source itself is wide.

Is 3x3 the same as splitting into 9?

The tile count is the same. The difference is the crop. This 3x3 preset divides the frame you give it. The 9-square preset crops the source to 1:1 first so every tile comes out square, which is what an Instagram grid needs and a general 3 by 3 cut does not assume.

Can I split a rectangular image 3x3?

Yes, and the tiles will be rectangular too, sharing the aspect ratio of the source. Nothing is stretched or padded. If you need square tiles from a rectangular photo, crop the source to square first or use the preset that does that step for you.

How are the nine files named?

Each file carries the base name of your image plus its row and column and a sequence number, so r1c1 is the top left tile and r3c3 is the bottom right. Sorting by name puts them back in reading order, which makes reassembly and batch upload straightforward.

Can I make the nine tiles different sizes?

Yes. Both pairs of interior cut lines are draggable, so the rows and columns do not have to be equal thirds. Move them to line up with gutters, panel edges or subject boundaries. A reset button restores equal thirds when you want to start over.