Command Palette

Search for a command to run...

IM

Image Splitter

Cut an image into a grid of equal tiles in your browser, then download them as a ZIP

What is an image splitter?

An image splitter cuts one picture into several smaller ones along a grid. You give it a number of rows and columns, or a tile size in pixels, and it hands back every piece as its own file. Nothing is scaled, retouched or re-cropped: each tile is the exact pixels that were in that part of the original.

The usual reason is a layout somewhere else that wants pieces rather than one image. An Instagram profile grid is the common one: a single picture cut three by three and posted in reverse order reassembles into one large image across the profile. The same job comes up with printing a poster across several sheets, slicing a sprite sheet into frames, cutting a long screenshot into readable chunks, and splitting a scanned double page into two single pages.

The part that separates a good splitter from a bad one is what it does when the numbers do not divide evenly. A 1000 pixel wide image in three columns is 333.33 pixels each. Round each tile on its own and the pieces no longer line up: you get a seam, a duplicated column of pixels, or an image that is one pixel narrower than it started. This tool computes every cut from one rounded sequence of boundaries, so the right edge of one tile is the left edge of the next by construction, and the widths always add back to the original. On that 1000 pixel example the columns come out 333, 334 and 333.

In fixed-size mode the last row and column are usually smaller than the rest, because the image rarely divides into a whole number of tiles. That is deliberate. The alternative is cropping to a whole number of tiles, which quietly throws away the edge of your picture, and a tool whose job is to preserve pixels should not be the thing that loses them.

Everything runs in the browser. The image is read from your disk into the page, drawn onto a canvas, cut, and the pieces are packed into a ZIP without a server ever seeing the file. You can confirm it: open devtools, watch the network tab, and split something. No request carries the image. It also means the tool keeps working with the network off once the page has loaded, and that there is no copy of your picture to delete afterwards because none was made.

How to split an image into pieces

  1. Add your image

    Drag a PNG, JPG, WebP or GIF onto the page, or click to browse for one. The file stays on your machine.

  2. Choose how to cut it

    Pick a grid, such as 3 by 3 for an Instagram feed, or switch to tile size and give the width and height in pixels.

  3. Check the preview

    The grid is drawn over your image with the size of every tile, so you can see where the cuts land before committing.

  4. Download the pieces

    Take the whole set as a ZIP, or save one tile at a time. File names carry the row and column, zero padded so they sort in reading order.

Key features

  • Seams that line up

    Every cut comes from one rounded sequence, so adjacent tiles share an exact edge and the pieces sum back to the original with no pixel lost or repeated

  • Grid or fixed tile size

    Cut into a set number of rows and columns, or into tiles of a given pixel size with the remainder kept as a smaller edge piece

  • Names that sort correctly

    Row and column numbers are zero padded, so tile 10 does not sort between 1 and 2 and a 12 piece grid reassembles in the right order

  • One ZIP for the set

    Download all the tiles in a single archive rather than clicking through them, with the original image left untouched on disk

Frequently Asked Questions

Add the image, set the number of rows and columns, and download. For equal parts, grid mode is the one you want: it divides the full width and height by your numbers rather than working from a fixed tile size, so the pieces stay as close to equal as the pixels allow. A dimension that does not divide evenly is spread across the tiles, so a 1000 pixel width in three columns gives 333, 334 and 333 rather than two of 333 and one of 334.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

image splittersplit imagepicture splittersplit image into gridcut image into piecesimage splitter freesplit photo into partsinstagram grid makersplit image into 9divide image into equal partsphoto splittersplitter picturesplit picturesplit image online