Image Grid Splitter — Slice into Tiles for Instagram 3×3
Cut an image into equal tiles — a 3×3 Instagram grid, a row of strips, or columns — and download every piece.
Choose an image to begin.
—
What this tool does
It divides one image into a grid of equal tiles, each of which downloads as its own file. The headline use is the Instagram 3×3: post nine squares and, on a profile, they line up into the original picture. The same split makes a document into pages, a banner into strips, or a large graphic into pieces for a layout — each tile rendered at the source resolution, with no scaling.
Tile order, and why it matters
A profile grid fills from the bottom-left and works rightwards and upwards, so the tiles must be posted in that order for the picture to reassemble. The tiles here are labelled by row and column (r1c1, r1c2, …) so you can keep the sequence straight. For a 3×3, the file named r3c1 is the bottom-left piece — the first one to post.
Exact pixels, no seams
When an image does not divide evenly the leftover pixels go to the last row and column rather than being dropped, so the tiles still cover the whole image edge to edge. A 1000-pixel side split in three gives 333, 333 and 334 — one pixel wider on the last tile, which is invisible but keeps the picture complete. Set the gap to zero for a grid meant to reassemble.
Local and private
The image is cut on a canvas in your browser and each piece downloads straight from the page. Nothing is uploaded, so you can slice a private photo or an unreleased design without it leaving your machine.
Frequently asked questions
What does this tool do?
It cuts one image into many equal pieces. The usual reason is Instagram: a single picture sliced into a 3×3 grid can be posted as nine squares that reassemble into the whole when viewed on a profile grid. It also splits an image into rows or columns for other layouts.
How do I make an Instagram 3×3 grid?
Choose 3×3, then download the nine tiles. Post them in order, starting from the bottom-left going right then up, because Instagram fills a profile grid from the bottom. The tiles are numbered (row and column) so the order is unambiguous.
What happens if the image does not divide evenly?
The tiles are floored to whole pixels and the last row and column absorb the remainder, so no pixels are lost or duplicated. A 1000-pixel-wide image split three ways gives 333, 333 and 334 — the edge tile is one pixel wider rather than the seam being dropped.
Should I use a gap?
Instagram adds its own spacing between tiles, so use a gap of zero here. A gap is useful when you are arranging the pieces in a page and want visible separation, filling the gap with the background colour.
Can I split a non-square image?
Yes. The splitter works on any dimensions; a 3×3 split of a wide image makes wide tiles. For an Instagram grid you generally want a square source first — crop it to 1:1 with the image cropper, then split.
Is my image uploaded?
No. The image is loaded and cut on a canvas in your browser; nothing is sent anywhere, and each tile downloads straight from the page.
Go deeper
Longer explanations of the problems this tool solves:
Sources
- MDN Web Docs — CanvasRenderingContext2D.drawImage() with source rectangles.
Everything runs in your browser — your file never leaves your device.