Instagram Grid Splitter

An Instagram grid layout turns your profile into a cohesive visual story. Instead of individual unrelated posts, a grid split makes your last 9 (or 6, or 18) posts form a single large image when viewed on your profile. When done well, it stops visitors in their tracks and significantly increases profile-to-follow conversions.

This tool takes any image, slices it into equal tiles based on your chosen grid, renders them directly on a canvas in your browser, and downloads them as a ZIP with files numbered in the exact order you should post them. Your image never leaves your device.

• Prepare your image — For a standard 3×3 grid, use a source image that is at least 3240×3240 px (3 × 1080 px per tile). For 3×6, use at least 3240×6480 px.
• Upload — Drop your image onto the tool or click "Browse image". No file size limit.
• Choose grid — Click a preset (3×1 through 3×6) or drag the sliders for custom columns and rows.
• Preview tabs — "Split Preview" shows your image with grid lines and tile numbers. "Posting Guide" shows every tile in posting order with a download button for each. "Profile Preview" shows a phone mockup of how your profile will look.
• Download ZIP — Click "Download ZIP" to get all tiles. Files are named post-01.png through post-09.png. Post them in numerical order — post-01 first, post-09 last.
• Post to Instagram — Upload each file in order. After the last one, your profile grid will display the full image.

Instagram's profile grid fills left-to-right, top-to-bottom, with the most recent post appearing in the top-left. To display a full image correctly:

• Tile (row 1, col 1) — top-left of your image — must be the LAST post you upload, because it will appear top-left once all tiles are on your profile.
• Conversely, tile (bottom row, rightmost column) must be the FIRST post, as it is the oldest post and lands at the bottom-right of the grid.
• The posting order algorithm iterates rows bottom-to-top, and within each row right-to-left. For a 3×3: posting sequence is tiles 9 → 8 → 7 → 6 → 5 → 4 → 3 → 2 → 1 (reading-order numbering).
• Canvas rendering — CanvasRenderingContext2D.drawImage(img, sx, sy, sw, sh, 0, 0, tw, th) extracts each tile's rectangular region from the original image at native resolution, so no quality is lost.
• ZIP packaging — JSZip assembles all tiles using base-64 encoded data URLs (zip.file(name, base64, {base64:true})). Files arrive pre-sorted alphabetically which matches posting order.