🔪Utilities

Image Slicer

Slice an image into N×M tiles (grid). Useful for puzzles, slideshows or grid layouts.

Rows

Columns

What is it for?

You cut an image into N×M pieces of equal size, which comes in handy in plenty of spots, whether you're building tile maps for games, chopping a banner up for social media (think Instagram carousel) or even putting together puzzles.

The pieces come out numbered left to right and top to bottom, so row 1 column 1, then row 1 column 2, and on from there.

Everything runs locally on your machine.

Split an image into a grid

Cutting an image into equal pieces comes up in plenty of situations: building a puzzle, creating that mosaic Instagram feed, slicing a layout. This tool divides any image into a grid of N×M pieces of equal size, with the caveat that leftover pixels along the right and bottom edges are dropped when the dimension is not divisible by the number of pieces.

Say how many rows and columns you want, and the image gets cut into uniform pieces, ready to download. It works well for puzzles, slideshows, grid posts on social media or any composition that depends on the image split into regular parts.

The image is sent to no server at all, since the processing runs entirely in the browser. Load the file, set the grid and download the pieces right after.

Frequently asked questions

How do I download the pieces? Is there a download-all button?

There isn't one. Each square in the preview grid is a link on its own: clicking it saves that piece as tile-row-column.png, and a 3×3 grid means nine clicks. Numbering starts at the top left, with tile-1-1, and runs left to right, one row at a time. If the browser asks for confirmation on every file, allow multiple downloads for the site before starting, or it will block everything from the second one on.

Do the pieces all come out exactly the same size?

They do, and that is precisely why a few pixels can vanish. Each piece measures the whole-number division of the image by the grid: 1000 pixels wide over 3 columns gives 333 apiece, covering 999, so the last column of pixels enters no piece at all. The same thing happens vertically. To keep everything, pick a grid that divides the dimensions evenly, like 1080 over 3 (360 each) or over 4 (270 each).

Is it good for building that mosaic Instagram feed?

It is, with two caveats. First, each piece inherits the proportion of the crop and never turns square: a 1080×1350 photo on a 3×3 grid gives 360×450 chunks, which Instagram will crop again on posting, so square the image to 1:1 before slicing if that matters. Second, the output is always PNG, even with a JPEG going in, which makes the files noticeably heavier than the original.

Related Tools

📐

Resize Image

Resize any image by setting width and height in pixels. Option to maintain aspect ratio. Browser-side processing, no upload to servers.

🟫

Sepia Effect

Apply the classic sepia (vintage photo) effect to any image directly in the browser. Download the result as PNG.

🗜️

Image Compressor

Compress JPEG and PNG images directly in the browser using the Canvas API. Set the target quality (1–100%) and see the size reduction in real time. No files are uploaded to servers.

⬛

Grayscale Image Converter

Convert any image to grayscale (black and white) in the browser. Instant processing without sending data to servers.

🔄

Flip Image

Flip an image horizontally, vertically or in both directions. Instant result in the browser — no data sent to servers.

☀️

Image Brightness & Contrast

Adjust the brightness and contrast of any image with real-time sliders. See the result instantly and download as PNG.