Image Grid Splitter
Split a photo into an equal grid of tiles (e.g. a 3×3 Instagram grid) — each tile downloads separately as its own PNG.
1,141 views
How It Works
The tool loads your photo onto an HTML canvas, divides that canvas into an N×M grid based on the rows and columns you choose, and crops each cell out as its own image using canvas region extraction — no server ever sees the pixels. Each resulting tile is offered as a separate PNG download at the same resolution the original crop region had, so a 3000×3000px image split into a 3×3 grid produces nine 1000×1000px tiles.
The specific use case this tool is built around — the Instagram multi-post grid — exists because Instagram has never natively supported a single multi-image "puzzle" post that spans several tiles across a profile grid. To fake that effect, creators have had to manually pre-split one wide image into individual square tiles and upload each one as a separate post. Because Instagram's profile grid renders posts newest first, reading left-to-right and top-to-bottom, the tiles must be uploaded in the reverse of natural reading order — starting from the bottom-right tile and working backward, right-to-left within each row, bottom row before the rows above it — so that once all nine posts exist, the newest-first rendering reassembles them into the correct left-to-right, top-to-bottom picture.
Example: for a 3×3 grid, tile 1 (top-left of the image) must be the last post you upload; tile 9 (bottom-right of the image) must be the first. Uploading in image reading order instead produces a scrambled, mirrored-looking grid on your profile — the single most common mistake with this technique.
What to Know
- Aspect ratio matters: a square (1:1) source image splits into clean square tiles for Instagram; a non-square photo produces non-square tiles, which is fine for posters but will get cropped by Instagram's own square thumbnail crop unless you pad the image to a square first.
- Lossless cropping: each tile is extracted at full resolution from the original bitmap and exported as PNG, so no compression artifact is introduced by the split itself — any quality loss afterward comes from whatever platform re-compresses it on upload.
- Upload order is the whole trick: the split itself is straightforward; getting the grid to look right depends entirely on posting tiles in reverse reading order, bottom-right first.
- Not Instagram-only: the same N×M split works for printing a large poster across multiple sheets of paper, or any other project that needs a single image divided into a regular tile grid.
Frequently Asked Questions
What order do the tiles download in?
Left to right, top to bottom, matching normal reading order — tile 1 is the top-left piece, the last tile is the bottom-right piece.
What order should I post them to Instagram?
The reverse of the download order: start with the bottom-right tile and post backward toward the top-left tile, because Instagram's profile grid always shows the newest post first, so posting in reverse reassembles the picture correctly.
Does splitting lose image quality?
No — each tile is cropped at full resolution from the original image, then exported as PNG, a lossless format. Any quality loss you might see afterward comes from Instagram's own re-compression on upload, not from this tool.
Should my source image be square before splitting?
For an Instagram grid, yes — pad or crop it to a 1:1 square first, since Instagram applies its own square crop to each post and a non-square tile will get cut unpredictably. For posters or other non-Instagram uses, any aspect ratio works.
Can I use a grid other than 3×3?
Yes — choose any number of rows and columns; a 3×2 or 4×4 grid works the same way, though larger grids mean more individual posts to upload in the correct reverse order to keep the picture intact.
Similar Tools
Report a Problem
Image Grid Splitter
Comments
No comments yet — be the first to write one!