Instagram Carousel Splitter

How a grid becomes a carousel

An Instagram grid post is a single square divided into a grid, and swiping through it shows each cell one at a time. Splitting the image performs exactly the geometric operation: the square is divided into rows and columns, and each cell is saved as its own image in reading order, top to bottom then left to right. That reading order is the part that matters, because a carousel that runs right to left still looks fine as individual slides but feels wrong to anyone swiping through it.

NoteSlides come out in reading order: top to bottom, then left to right.

Alignment has to be exact

A grid post only reassembles correctly if the lines between the cells line up when the images are placed side by side, and any offset at all becomes a visible seam that grows as the reader swipes. The usual cause is rounding: when a square is divided into three, the result is not a whole number of pixels, and rounding each division independently accumulates an error by the last column. The fix is to make sure the split uses consistent boundaries, and to check the reassembled result rather than trusting that the arithmetic worked out. A seam of two or three pixels is easy to miss in a preview and obvious in the feed.

• Grid posts only reassemble if the cell boundaries line up exactly.
• An offset becomes a visible seam that grows across the carousel.
• Rounding when dividing causes the error, not the division itself.
• Check the reassembled result rather than trusting the arithmetic.
• A two pixel seam is easy to miss in preview and obvious in the feed.

NoteIf the cells are misaligned, the cause is rounding during the division.

Reading order, and why it matters more than it looks

Instagram carousels are swiped leftwards, and a set ordered in an unexpected sequence still shows every slide but reads as though something is wrong, because the eye expects a left to right progression within each row. A grid numbered down the columns rather than across the rows produces exactly that effect. If the intent is a set that reads as a sequence, ordering across the rows first is the correct choice. If the grid is really two independent columns, such as a before and after pair, then column order is the intended one and the reading order should be set accordingly.

• Carousels swipe left, so a set reads as a left to right progression.
• Numbering down the columns reads as though something is wrong.
• Order across the rows first unless the columns are independent.
• Before and after pairs are legitimately column ordered.

What to leave out of the grid cells

A grid post is displayed as a single square in the profile grid, and what is visible there is only the centre of the image, cropped to a square. That means the outer parts of the grid are frequently cut off in the profile view, and anything placed near the edges of the outer cells may be invisible until someone opens the post. The safe approach is to keep anything essential within the central area of the whole grid, and to treat the outer cells as an invitation to open the post rather than a place for content people need to see. This is the same safe margin principle that applies to any full bleed image on the platform.

• A grid post is shown as a square crop in the profile view.
• Only the centre of the grid is visible before the post is opened.
• Content in the outer cells may be invisible in the profile grid.
• Keep anything essential within the central area of the whole grid.
• The outer cells work better as an invitation to open the post.

NoteThe profile shows only a square crop of the grid. Keep essential content central.