Image Splitter - Cut an Image Into a Grid Online

Split one image into a rows by columns grid of separate files, entirely in your browser. Includes a 3x3 Instagram grid preset, and nothing is uploaded to a server.

What Image Splitter Does

This tool takes one image and cuts it into a grid of separate image files. You choose how many rows and how many columns, from a single strip up to a 10 by 10 layout of 100 pieces, and each cell is copied straight out of the source onto its own canvas and encoded as its own file. The important word is copied. There is no scaling, no resampling, and no filtering involved: a cell is read from the source at its exact pixel coordinates and written to an output canvas of exactly the same size. When you pick PNG, which is lossless, every pixel in every piece is byte-for-byte identical to the region it came from, and reassembling the grid would rebuild the original image exactly. Picking JPG re-encodes each piece with the browser's lossy encoder, which introduces the usual compression artifacts, and any transparent area is flattened onto white because JPG has no alpha channel. Cut positions are computed as rounded fractions of the full width and height rather than by flooring a cell size, so no pixels are dropped at the edges and no cell reads past the boundary. The practical consequence is that when the dimensions do not divide evenly, cells differ from each other by at most one pixel instead of leaving a stray sliver at the right or bottom. Before you split anything, the grid lines are drawn over your image so you can see where the cuts will land. Everything runs in the browser, so the file never leaves your device.

Why You'd Split an Image

Some platforms and layouts want several small images where you have one large one. Splitting is the only way to get there without redrawing the image by hand.

Build an Instagram 3x3 grid post, where nine tiles combine into one large picture on your profile page
Cut a wide panorama into a carousel of separate frames that each fit a feed's aspect ratio
Slice a design mockup or map into tiles for printing across multiple sheets of paper
Break a large sprite sheet or scanned contact sheet into its individual frames for editing

How to Split an Image Into a Grid

Four steps, all of them local. The image is decoded, cut, and handed back without ever touching a server.

1

Drop in one image — splitting works on a single file at a time, not a batch

2

Pick a preset such as 3x3, or set the Rows and Columns sliders yourself; the grid lines update on the preview as you go

3

Choose PNG to keep the cut lossless, or JPG for smaller files at the cost of some compression artifacts

4

Apply, then download pieces one at a time from the result grid or grab all of them as a single ZIP

Frequently Asked Questions

Crop your image to a square first, then split it 3 by 3. The crop matters: Instagram displays profile grid thumbnails as squares, so if your source is 16:9 the nine pieces will be wide rectangles that get center-cropped on the profile page and the picture will not line up. Use the Crop tool to make it 1:1, come back here, choose the 3x3 preset, and each piece will already be square.
Not if you output PNG. Each piece is copied from the source at its exact pixel coordinates with no scaling or resampling, and PNG stores it losslessly, so the pieces are pixel-identical to the regions they came from. Choosing JPG is different: it re-encodes each piece with a lossy encoder, so fine detail is discarded and transparency is flattened onto white. Pick PNG when fidelity matters and JPG only when file size does.
The cut positions are calculated as rounded fractions of the full dimension, so the leftover pixels are spread across the grid rather than dumped into the last row or column. In practice that means individual pieces can differ from one another by one pixel in width or height. No pixels are lost and none are duplicated, so the pieces still tile back into the original exactly. For a 1000 pixel wide image cut into 3 columns, expect widths of 333, 334, and 333.
Yes. When there is more than one piece the main download button packages the whole set into a single ZIP file, which is the practical option once you are past a 2x2. Each piece in the result grid also has its own download button if you only need one or two of them. The ZIP is built in your browser, so it appears as a normal download with no server round trip.
Each file is named after the original with a row and column suffix, as in photo_r1_c1.png for the top-left piece and photo_r3_c3.png for the bottom-right of a 3x3. Rows and columns are both counted from 1, rows top to bottom and columns left to right. The numbers are zero-padded to the size of the grid, so a 10-row split produces r01 through r10 and files sort correctly in any file manager.
Both sliders go up to 10, so the largest grid is 10 by 10 for 100 pieces. That ceiling exists because each piece is encoded separately in the browser and the work grows with the piece count. A large source image cut into 100 PNG pieces takes a noticeable moment and a fair amount of memory, especially on a phone. If a big split feels slow, JPG output encodes faster and produces much smaller files.
No. The image is decoded, cut, and encoded entirely in your browser using the canvas API, so the data never leaves your device. Two things follow from that: personal photos and confidential material stay private with no trust required, and the limits on file size are your device's memory rather than an upload cap. After the page has loaded, the tool keeps working with no network connection.
Post them in reverse: start with the bottom-right piece and finish with the top-left. Instagram places your newest post in the top-left of the profile grid and pushes older ones down and to the right, so uploading in reading order puts the picture together backwards. Working from r3_c3 up to r1_c1 leaves the assembled image the right way round. Post all nine in one sitting, otherwise a partial grid sits on your profile until you finish.

Plus d'outils d'image

Explorez d'autres outils puissants pour vos besoins d'édition