Skip to content
ALL IMAGE TOOLS56
HEIC to JPGHEIC → JPGHEIC to WebPHEIC → WEBPWebP to JPGWEBP → JPGWebP to PNGWEBP → PNGPNG to JPGPNG → JPGJPG to PNGJPG → PNGJPG to WebPJPG → WEBPPNG to WebPPNG → WEBPSVG to PNGSVG → PNGSVG to JPGSVG → JPGSVG to WebPSVG → WEBPAVIF to JPGAVIF → JPGAVIF to PNGAVIF → PNGAVIF to WebPAVIF → WEBPBMP to JPGBMP → JPGBMP to PNGBMP → PNGTIFF to JPGTIFF → JPGTIFF to PNGTIFF → PNGJFIF to JPGJFIF → JPGImage CompressorIMG → JPG · WEBPCompress Image to 100 KBIMG → JPG · WEBPCompress Image to 200 KBIMG → JPG · WEBPCompress Image to 1 MBIMG → JPG · WEBPCompress Image to 20 KBIMG → JPG · WEBPCompress Image to 50 KBIMG → JPG · WEBPCompress Image to 500 KBIMG → JPG · WEBPCompress Image to Target SizeIMG → JPG · WEBPImage ResizerIMG → IMGResize Image to 20 KBIMG → JPG · WEBPResize Image to 50 KBIMG → JPG · WEBPResize Image to 100 KBIMG → JPG · WEBPPhoto Resizer in KBIMG → JPG · WEBPImage CropperIMG → PNG · JPG · WEBPEXIF Data Viewer & RemoverIMG → DATAImage to Base64IMG → TXTPNG to ICOPNG → ICOFavicon GeneratorPNG → ZIPImage Color PaletteIMG → HEXRotate ImageIMG → PNG · JPG · WEBPFlip ImageIMG → PNG · JPG · WEBPAdd Border to ImageIMG → PNG · JPG · WEBPImage WatermarkerIMG → PNG · JPG · WEBPImage PixelatorIMG → PNG · JPG · WEBPCircle Image CropperIMG → PNG · WEBPImage SplitterIMG → ZIPSocial Media Image ResizerIMG → PNG · JPG · WEBPCompress PNGPNG → PNGICO to PNGICO → PNGBase64 to ImageTXT → IMGChange Image DPIIMG → IMGImage to TextIMG → TEXTResize GIFGIF → GIFGIF Speed ChangerGIF → GIFReverse GIFGIF → GIFSplit GIF into FramesGIF → ZIPGIF MakerIMAGES → GIF
ENGINE CANVAS 2D · JSZIPACCEPTS JPG PNG WEBP AVIF BMP GIF

Image Splitter

CANVAS 2D · JSZIPTOOL 45 OF 190

Split an Image Into a Grid of Tiles

Cut one picture into rows and columns. Save any tile on its own, or take the whole grid as a ZIP.

ENGINECANVAS 2D · JSZIP
ACCEPTSJPG PNG WEBP AVIF BMP GIF
MAX SIZENONE
UPLOADNEVER
01Drop an image onto the upload area — JPG, PNG, WebP, AVIF, BMP and GIF are accepted.
02Type the number of Rows and Columns you want under GRID, up to ten of each, and check the tile sizes printed under the picture.
03Press Split, then use the Download … tiles (ZIP) button for the whole grid, or click a single tile to save it on its own.

About Image Splitter

This tool cuts one picture into a grid of separate image files — the nine squares of an Instagram carousel, the strips of a printable poster, the pieces of a sliding puzzle. Type the number of rows and columns you want, up to ten of each, press Split, and every tile appears as its own file. Click a tile to save it alone, or take the whole grid as a single ZIP. The part worth checking is the arithmetic, and the page prints it: under the grid you will see the tile widths added up term by term against the source's own width, and the heights likewise. A picture that does not divide evenly is not padded, stretched or trimmed — the leftover pixels are handed out one per tile, so a 1000-pixel width across three columns comes out as 333 + 334 + 333, and the sum on screen says so. Reassembled, the tiles are the original picture with no seam and no missing strip. Tiles are named after their position, row-major, so photo-r2c3.png is the third tile in the second row and a file browser sorts them back into reading order. Everything happens in this tab; the picture is never uploaded.

Questions

Do the tiles add up to the original picture?

Yes, exactly, and the page shows the addition rather than asking you to take it on trust. Under the grid it prints the tile widths term by term with their total — for example 333 + 334 + 333 = 1000 — beside the source dimensions in the header. Reassembled, the tiles are the picture you started with, with no seam and no missing strip.

What happens when the picture does not divide evenly?

The leftover pixels are handed out one per tile rather than being padded, stretched or dropped. That means an axis can have two tile sizes that differ by one pixel — 1000 across three columns is 333, 334 and 333 — and the rail's Tile size row shows that as a range so the difference is never a surprise.

How many tiles can I make?

Up to ten rows by ten columns, so a hundred tiles at most. A picture with fewer pixels than the grid asks for is cut into as many tiles as it has pixels on that axis, and the page says so rather than silently giving you a different grid than the one you typed.

How are the tiles named?

After their position in the grid, one-based and row-major: photo-r1c1.png is the top-left tile and photo-r2c3.png is the third tile in the second row. A file browser sorting by name puts them back in reading order, which is what you want when you upload a carousel in sequence.

Can I save just one tile?

Yes. Click any tile in the grid and it downloads on its own under its own name. The button in the sidebar takes the whole set as one ZIP instead, because browsers throttle or cancel a burst of separate downloads fired at once and you would only get the first few.

Is my file uploaded to a server?

No. Transmute processes everything locally in your browser using JavaScript and WebAssembly. Your files never leave your device — there is no server, no upload, no cloud processing.

Related