What happens if my image is not square?

The tool splits whatever dimensions the image has. For a 1200×800px image split into a 3×2 grid, each tile is 400×400px. The tiles are always rectangular — the tool does not crop the image to square first.

Can I add gutters or gaps between tiles?

No — this tool produces seamless tiles with no gap. For tiled layouts with gutters, use CSS grid with gap after embedding the tiles in HTML, or use an image editor to add a border to each tile manually.

Will downloading all tiles trigger a browser download blocker?

Some browsers block multiple simultaneous downloads by default. If you see a prompt asking whether to allow multiple downloads, click "Allow". The downloads are staggered by 120ms.

Is my image uploaded anywhere?

No. All tile generation happens in your browser using the HTML Canvas API. No data is sent to a server.

guide

How to Split an Image into a Grid — Free Online Tool (2026)

By Rui Barreira · Last updated: 18 June 2026

You can split any image into a grid of equal tiles for free using brevio Image Grid Splitter. Choose a grid size from 2×2 to 4×4, preview the tiles, and download them individually or all at once — entirely in your browser.

How to Split an Image into a Grid

Open brevio Image Grid Splitter. No account required.
Drop your image or click to choose a file. JPG, PNG, and WebP are supported. The file stays in your browser.
Select the grid size. Options include 2×2, 3×3, 4×4, 2×3, 3×2, and 4×3.
Preview the tiles and hover over any tile to download it individually.
Click "Download all tiles" to download every tile as a separate PNG file.

How grid splitting works

The tool calculates tile dimensions by dividing the image width by the number of columns and the image height by the number of rows, rounding down. Each tile is drawn using drawImage() with a source rectangle aligned to the tile's grid position. Tiles are named using row-column notation: image_1-1.png is the top-left, image_1-2.png is the second tile in the first row, and so on. Images whose dimensions are not exactly divisible by the grid produce tiles that are 1 pixel narrower on the right column or shorter on the bottom row.

Common uses for grid image splitting

Instagram grid posts: A single panoramic or square image split into a 3×3 grid creates a 9-tile mosaic that spans your entire Instagram profile grid when posted in the correct order.
Puzzle creation: Splitting a photo into equal tiles is the first step for creating a sliding-tile or jigsaw puzzle.
Sprite sheets: Uniform sprite grids in games are often split back into individual frames for editing or re-exporting.
Print tiling: Large-format printing on A4 sheets requires splitting a poster into overlapping tiles to reassemble after printing.
Computer vision: Splitting images into a grid is a common preprocessing step for patch-based machine learning models.

Tile download order for Instagram grid posts

Instagram fills the grid from left to right, top to bottom, but displays the most recent post in the top-left position. To create a 3×3 mosaic that reads correctly on your profile, upload the tiles in reverse order: start with tile 3-3 (bottom-right), then 3-2, 3-1, then row 2 right to left, then row 1 right to left, ending with tile 1-1 (top-left) posted last.

Frequently Asked Questions

What happens if my image is not square?: The tool splits whatever dimensions the image has. For a 1200×800px image split into a 3×2 grid, each tile is 400×400px. For a 4×3 grid, each tile is 300×267px. The tiles are always rectangular — the tool does not crop the image to square first.
Can I add gutters or gaps between tiles?: No — this tool produces seamless tiles with no gap. For tiled layouts with gutters, use CSS grid with gap after embedding the tiles in HTML, or use an image editor to add a border to each tile manually.
Will downloading all tiles trigger a browser download blocker?: Some browsers block multiple simultaneous downloads by default. If you see a prompt asking whether to allow multiple downloads, click "Allow". The downloads are staggered by 120ms to reduce the chance of triggering the blocker.
Is my image uploaded anywhere?: No. All tile generation happens in your browser using the HTML Canvas API. No data is sent to a server.

Frequently Asked Questions

What happens if my image is not square?: The tool splits whatever dimensions the image has. For a 1200×800px image split into a 3×2 grid, each tile is 400×400px. The tiles are always rectangular — the tool does not crop the image to square first.
Can I add gutters or gaps between tiles?: No — this tool produces seamless tiles with no gap. For tiled layouts with gutters, use CSS grid with gap after embedding the tiles in HTML, or use an image editor to add a border to each tile manually.
Will downloading all tiles trigger a browser download blocker?: Some browsers block multiple simultaneous downloads by default. If you see a prompt asking whether to allow multiple downloads, click "Allow". The downloads are staggered by 120ms.
Is my image uploaded anywhere?: No. All tile generation happens in your browser using the HTML Canvas API. No data is sent to a server.