Split Image Into Tiles

It updates as you change the numbers, because nothing is being cut yet — each tile is the

same image sitting behind a window the size of that tile. Changing the grid is a layout

change, which is why it keeps up with a slider.

Once you press Cut the tiles, those same tiles become the real files. Hover one and a

save icon appears; click it and only that tile is saved. The ZIP button takes all of them.

Two controls under This preview — the gap between tiles and the tile names — change

only what you are looking at. They never affect the files.

Two ways to say how

• A grid — "3 by 3". You decide how many pieces, and the tile size follows from the size of the image. This is the one for a profile grid, a puzzle, or a set of cards
• Tile size in pixels — "512 by 512". You decide how big each piece is, and the number of pieces follows. This is the one for sprite sheets, map tiles and print sheets

What happens at the edges

This is the detail that decides whether the result is usable.

The two modes handle it differently, and both are deliberate.

A grid spreads the leftover pixels across the tiles, so a 1000-pixel image cut into 3 gives 333, 334 and 333 — a difference of one pixel, which nothing will ever notice. No tile is noticeably smaller than its neighbours.

A fixed tile size cannot do that, because you asked for an exact size. A 1000-pixel image cut into 300-pixel tiles gives three full tiles and a 100-pixel remainder. That last one is kept short. Padding it out would add background the picture never had, and stretching it would distort the content — so neither is done, and the preview says so when it happens.

You can see it rather than having to take it on trust: the tiles are drawn at their true relative sizes, so a short edge tile looks short.

Every pixel of the original ends up in exactly one tile. Nothing is lost at a seam and nothing is duplicated.

Naming, so the pieces go back together

Tiles are named by their position: photo-r01c01.png, photo-r01c02.png, and so on — row first, then column, zero-padded.

That means an alphabetical sort anywhere — in a file manager, in an upload dialog — puts them in reading order, left to right and top to bottom. For an Instagram grid, remember that posts appear newest-first, so upload them in reverse.

PNG or JPG

• PNG keeps the exact pixels. A tile is byte-for-byte the part of the original it came from, and transparency survives. The right choice for graphics, screenshots and anything that will be edited again
• JPG makes much smaller files, with a quality slider. The right choice for photographs. Transparent areas become white, since JPG has no transparency

What people use it for

• Making an Instagram 3 × 3 grid out of one photo
• Cutting a large picture into print sheets to tape together as a poster
• Chopping a sprite sheet into individual frames
• Making puzzle or flashcard pieces from one image
• Cutting a map or plan into tiles for a viewer
• Splitting a long screenshot into readable chunks

Good to know

• Nothing is uploaded. The image is cut in your browser and never leaves your device
• The original file is not changed — you get new tiles
• Up to 400 tiles at once, so a runaway grid cannot freeze the page
• Works with PNG, JPG, WebP and GIF (the first frame of an animated GIF)
• All the tiles come in one ZIP — or click a single tile to save just that one
• Works on a phone and tablet as well as a computer

Related tools

• Photo Collage Maker — the opposite: several pictures into one
• Crop Image — take one piece instead of all of them
• Resize Image — change the size before cutting
• Image Compressor — make the tiles smaller afterwards
• Zip and Unzip Files — open the ZIP you just made