Image Splitter
Split an image into a grid for Instagram carousels
Image Splitter tool
Image Splitter: key facts
- What it does
- Split an image into a grid for Instagram carousels
- Category
- Image Tools
- Cost
- Free, with no account, sign-up, or install.
- Your data
- Runs entirely in your browser — the files and text you enter are never uploaded to a server.
- Last reviewed
- . Report an incorrect result.
About the Image Splitter
The seamless Instagram carousel — where one panoramic image scrolls across several slides, each ending exactly where the next begins — and the 3x3 profile takeover that only resolves into a mosaic when someone visits your page both rest on the same operation: cutting one image into a precise grid of numbered tiles. The Image Splitter does that, and it does the arithmetic that usually goes wrong afterwards. Load up to twelve images at once (drag them in, browse, or paste from the clipboard) and the same grid runs over all of them.
There are three ways to describe the cuts. Columns and rows is the familiar one, up to 32 of each. Fixed tile size lets you name a pixel size instead — 512 by 512, say — and the number of tiles follows from the image. Custom cuts drop individual lines you drag around on the preview, for a split that is deliberately uneven: a wide hero strip above three narrower panels. Cut positions in that mode are stored as percentages, so the same arrangement transfers to every image in the batch regardless of its dimensions.
Whether the pieces fit back together depends on how the leftover pixels are handled, which is a setting rather than an accident. Use every pixel spreads the remainder one pixel at a time across the leading tiles, so tile sizes differ by at most a pixel and the set reassembles into the original with nothing missing. Crop remainder keeps every tile pixel-identical and discards the leftover strip, taken evenly off all four edges or off the right and bottom only. Pad remainder also keeps tiles identical but fills the short edge tiles out to full size with your chosen background colour, which is what a game engine expects from a frame set.
The preview is where the tool earns its keep. Every cell carries the number it will actually be exported as, the region no tile consumes is shaded out, and clicking any cell drops it from the export while the rest renumber to close the gap. Because an Instagram profile grid fills right to left and bottom to top, the numbering order is one of five choices rather than something you work out by hand — pick the reverse row order and the files come out named in the sequence you post them. Slicing runs on a canvas in your browser and nothing is uploaded.
How to use it
- Add your images — drop them on the zone, click to browse, or paste from the clipboard. JPG, PNG, WebP, GIF, BMP and AVIF are accepted, up to twelve at a time.
- Pick a preset, or choose a mode of your own: columns and rows, a fixed tile size in pixels, or custom cut lines you drag on the preview.
- Read the numbered overlay to confirm the cuts and the export order, and click any cell you would rather leave out.
- Set the output format and quality, the tile size (as cut, capped to a long edge, or an exact size), and a naming order that matches how you plan to use the tiles.
- Click Split, then save individual tiles from the gallery or take the whole set as a ZIP.
Where the leftover pixels go
A 1000-pixel width divided by three tiles is the whole problem in miniature: 333.33 pixels per tile does not exist. Most splitters quietly floor the division to 333 and throw the last pixel away, which is why reassembled tiles so often come up a hair short. Here the default spreads the remainder instead — the first tile takes 334 pixels, the other two take 333 — so every source pixel ends up in exactly one tile and none in two.
That guarantee is what makes a seamless swipe post work: the right edge of one tile is the pixel immediately left of the next tile's first column, with nothing dropped in between. If you would rather have tiles of genuinely identical dimensions, switch to Crop remainder and choose whether the sacrificed strip comes evenly off all four edges or only off the right and bottom.
The overlap slider works in the other direction. Turned positive, neighbouring tiles share pixels along every inner edge — the bleed a poster printed across several sheets needs so the seams can be trimmed without a white line appearing. Turned negative it removes pixels at each seam instead, leaving a visible gutter when the tiles are laid out side by side. It is clamped to half the smallest tile, so it can never eat a tile whole.
- Use every pixel: a 1001 x 733 image into 4 x 3 gives twelve tiles that cover all 733,733 pixels exactly once.
- Crop remainder: the same image gives twelve identical 250 x 244 tiles and reports the one-pixel column and one-pixel row it dropped.
- Pad remainder: tiles stay identical and the short edges are filled out with the background colour instead.
Why use this version
- The default cut uses every source pixel, so the tiles reassemble into the original image exactly — most grid splitters floor the division and silently discard a strip along the right and bottom edges.
- Five numbering orders, including the reverse row order an Instagram profile grid needs, so the filenames come out in posting sequence instead of leaving you to count backwards.
- Click a cell in the preview to leave it out, and the remaining tiles renumber contiguously — handy when a grid has one panel you do not want.
- A signed overlap control covers both print bleed (shared pixels between neighbours) and a deliberate gutter at every seam.
- Tiles arrive as a browsable gallery with per-tile download and clipboard copy, not only as a take-it-or-leave-it ZIP; the archive can also carry a README listing every tile's source coordinates and a numbered contact sheet.
- Entirely client-side: images are read on a canvas in your tab, never uploaded, and there is no watermark on the output.
What people actually split images for
The profile grid is the best-known use and the one with the awkward convention. Instagram fills a grid right to left and bottom to top, so reading-order numbering means posting the last file first. Choosing the Instagram grid preset applies square tiles, a 1080 by 1080 output and the reverse row numbering together, after which the tiles are simply posted in order. A note appears if the tiles fall outside the 4:5 to 1.91:1 range the platform accepts, since anything outside it gets re-cropped on upload and the seam breaks.
Away from social media the same geometry serves other work. Sprite sheets come apart into individual frames, best exported as transparent PNG with zero-based numbering. A poster too large for one sheet of paper is tiled with a bleed overlap. Map and texture tiles want a fixed pixel size with the short edges padded rather than left small. A scanned page holding several receipts is better handled with custom cuts than a uniform grid.
Two things worth knowing before you start. Plan the framing first: a grid laid over a portrait with a cut line down the subject's face is technically correct and visually ruined, and the preview exists so you see that before you download anything. And splitting is not compression — nine tiles come to roughly the size of the original, so this multiplies your file count without reducing total bytes.
- A 3 x 3 grid produces nine tiles; the reverse row order numbers the bottom-right tile 1.
- Fixed 512-pixel tiles with padding turned on give a frame set of uniform dimensions.
- Custom cut lines handle a layout where the panels are deliberately different sizes.
Frequently Asked Questions
What order do I post the tiles in for a seamless carousel or a grid takeover?
For a carousel, post them in numerical order — part_1 is the first slide a viewer sees, and swiping moves through the rest. For a 3x3 profile grid the convention is inverted, because Instagram fills a profile right to left and bottom to top. Rather than making you count backwards, the Instagram grid takeover preset switches numbering to the reverse row order, so part_1 is the bottom-right tile and you again simply post in order. The README you can include in the ZIP restates whichever order you chose.
Will the pieces line up perfectly when I put them back together?
Under the default Use every pixel setting, yes. Tile widths are derived by spreading the remainder of the division across the leading tiles, so a 1000-pixel width across three tiles becomes 334, 333 and 333 rather than three 333s with a pixel thrown away. Every source pixel lands in exactly one tile. Switching to Crop remainder trades that for tiles of identical dimensions and does drop a strip, which the preview shades and the summary reports; Pad remainder keeps identical tiles and fills the shortfall with your background colour instead.
How do I get tiles at exactly 1080 by 1080 for Instagram?
Set the tile size to Exact and enter 1080 by 1080, or use one of the Instagram presets which do it for you. Each tile is then scaled and centre-cropped to fill that canvas whatever the source measured. Turning on Force square tiles as well centre-crops the source first, so the grid divides into true squares and the centre-crop on each tile has nothing left to remove. The hint under the setting names the source size that would fill your grid with no cropping at all.
What is the overlap setting for?
Printing a poster across several sheets of paper, mainly. A positive overlap makes neighbouring tiles share that many pixels along every shared edge, giving you a margin to trim into so no white seam shows when the sheets are butted together. A negative value does the opposite and removes pixels at each seam, which leaves a deliberate gutter between tiles if you are laying them out as a framed set. Leave it at zero for social media, where any overlap duplicates content across slides.
Can I split several images at once?
Yes, up to twelve. The same grid, format and naming apply to all of them, and each image gets its own folder inside the ZIP named after the source file. Click any filename in the queue to make it the one shown in the preview. Because custom cut positions are held as percentages rather than pixels, they apply sensibly across images of different dimensions. If you need different grids for different images, run them one at a time.
Which output format should I choose, and is anything uploaded?
JPG is smaller and right for photographs; the quality slider trades file size against artefacts. PNG is lossless and preserves transparency, which matters for sprite frames and graphics with sharp edges or text. WebP is offered when your browser can encode it and is usually smaller than both. Nothing is uploaded at any point — the file is decoded and sliced on a canvas in your own tab. Animated GIF, WebP and APNG sources load, but canvas slicing keeps the first frame only, and the tool says so when it detects one.