Split an Image Into a 2x2 Grid

To split an image 2x2, drop it into the splitter above. It cuts two rows by two columns and gives four quadrants, each half the width and half the height of the source. Files are named by row and column so you can put them back together. Nothing leaves your browser.

Drop an image here

or , or paste with Ctrl+V

JPG, PNG, WebP, GIF, BMP and AVIF, up to 50 MB.

Split by
Grid

Your image never leaves your device. Splitting runs in your browser with the Canvas API.

What you get

Computed by the splitter library at build time
Pieces4, in 2 rows of 2
Cut lines1 vertical, 1 horizontal
Pieces from a 1080 × 1080 Instagram square540 × 540 px
Pieces from a 1080 × 1350 portrait540 × 675 px
Pieces from a 4000 × 3000 phone photo2000 × 1500 px
Pieces from a 1920 × 1080 screenshot960 × 540 px

A 2x2 split gives four quadrants that each keep the aspect ratio of the original. A 4000 × 3000 photo becomes four 2000 × 1500 px tiles that are still 4:3, just smaller.

That property is the reason to pick 2x2 over 1x4 or 4x1 when the shape matters. Quadrants of a photo still look like photos. Quarter panels of a photo look like strips.

The crossing point of the two cut lines is draggable, so the four quadrants do not have to be equal. Pull the intersection up and left and the top left quadrant shrinks while the bottom right grows. Useful when you are separating four pictures out of one scan and the scanner did not lay them out evenly.

Names follow the grid: r1c1 top left, r1c2 top right, r2c1 bottom left, r2c2 bottom right, plus a sequence number in reading order. If you are taping four sheets back together, the names tell you which goes where without opening them.

Cuts land on whole pixels and the remainder goes to the second row and second column, so an odd-sized source still splits cleanly and rejoins exactly.

Processing runs on a canvas in this page using the browser's own image pipeline. No upload, no queue, no watermark, and no limit on how many images you run through it.

What this split is used for

Four photos from one flatbed scan

Laying four prints on a scanner at once gives you a single file with four pictures in it. A 2x2 split recovers them as separate images. Drag the intersection so each photo lands inside its own quadrant, then trim the remaining white edges in your usual editor.

Print across four sheets

Four quadrants tape into a picture twice as wide and twice as tall as a single sheet, which is a reasonable poster for an office wall. The print splitter is the better route when you actually want to print, because it adds overlap and cut marks that a flat quadrant cut does not.

Quarter a texture for lower memory use

One 4096 pixel texture uses four times the memory of a 2048 pixel one. Splitting a large texture or map image 2x2 keeps the same total detail while letting an engine or a viewer load only the quarter it needs. For a fixed pixel size per tile, split by tile size instead.

Four-panel slide or comparison

A quartered image makes a four-panel comparison you can reveal one piece at a time in a deck. Each quadrant keeps the original aspect ratio, so the four panels look consistent when you lay them out on a slide with a small gap between them.

Tips

  • Quadrants keep the aspect ratio of the source, unlike a 1x4 or 4x1 cut.
  • Drag the intersection of the two cut lines when the four subjects are not evenly spaced.
  • Sort the output by file name to get reading order: top left, top right, bottom left, bottom right.
  • The second row and second column take any leftover pixel from an odd-sized source.
  • Use the print splitter, not a flat 2x2 cut, when the four pieces are going on paper.

Frequently asked questions

What does splitting an image 2x2 mean?

Two rows and two columns, giving four quadrants. Each one is half the width and half the height of the source, so it holds a quarter of the pixels. The four tiles keep the aspect ratio of the original image and tape or tile back together exactly.

Is 2x2 the same as splitting into 4?

2x2 is one way of splitting into 4. The other two are 1x4, which gives a row of four tall panels, and 4x1, which gives four stacked strips. All three produce four files. Only 2x2 gives pieces that keep the shape of the original.

How big is each quadrant?

Half the source width by half the source height. A 4000 × 3000 photo gives four 2000 × 1500 px quadrants. Nothing is scaled or resampled during the split, so each quadrant contains exactly the pixels that were in that part of the original file.

Can I move the cut lines in a 2x2 split?

Yes. The vertical and horizontal lines are both draggable, and moving them resizes the quadrants either side. A reset button returns them to true halves. Keyboard arrows nudge a selected line one pixel at a time when you need to hit an exact boundary.

How do I put the four quadrants back together?

Use the file names. Each one carries its row and column, so r1c1 goes top left and r2c2 goes bottom right. Because cuts land on whole pixels and nothing is resampled, the four pieces butt up with no seam and no overlap when reassembled.

Which format should I export quadrants in?

PNG for screenshots, scans of text and artwork with flat colour, because it is lossless and keeps transparency. JPG at quality 92 for photographs, where the file size saving is large and the difference is hard to see. WebP sits between the two on size.