Image merge

Stitch multiple images horizontally or vertically.

Select or drag & drop multiple images (2 or more)

Three screenshots that only make sense as a sequence, and a form that accepts a single attachment. A before-and-after pair you want to post as one picture rather than two. Merging images is a small job that most photo editors make surprisingly heavy going. This tool stacks your files into one canvas and gives you a PNG back.

How it works

Direction, and how images line up

Vertical (top→bottom) makes the canvas as wide as your widest image and as tall as all of them added together. Horizontal (left→right) does the opposite: as tall as the tallest, as wide as the sum.

Images keep their original pixel size — nothing is scaled to match. In vertical mode they are aligned to the left edge, in horizontal mode to the top, and any leftover space beside a smaller image is filled with the background colour. So a 1200px-wide screenshot stacked above an 800px-wide one leaves a 400px band of background down the right. If you want a flush result, resize the pieces to a common width first.

Order, gap and background

Files are merged in the order they were added, so select or drop them in the sequence you want. To rearrange, clear the selection and add them again in the right order.

Gap inserts that many pixels of blank space between neighbouring images — 0 for a seamless join, 10 to 40px when you want the panels visually separated. Background sets the colour of both the gaps and any padding beside a narrower image; white is the default, and a mid grey or black often frames screenshots better.

What comes out

The merged canvas is exported as merged.png at full resolution. Because PNG is lossless, joining photographs can produce a noticeably larger file than the JPEGs you started with — run the result through an image compressor if size matters. The whole operation happens on a canvas in your browser, so the pictures are never uploaded anywhere.

Terms explained

Vertical / Horizontal: The stacking direction. Vertical places images top to bottom, horizontal places them left to right in the order added.
Gap (px): Blank space inserted between adjacent images, painted in the background colour. Set 0 for a seamless join.
Background: The colour filling the gaps and any area beside an image narrower or shorter than the rest.
Canvas: The off-screen drawing surface your browser uses to compose the images. All work happens here, on your own device.
PNG: The lossless output format. It preserves the pixels exactly but produces larger files than JPEG for photographic content.

Frequently asked questions

Do my images have to be the same size?

No. Each image keeps its own dimensions and the canvas is sized to fit the largest. Mismatched images leave a strip of background colour, so resize them to a common width or height first if you want a flush edge.

In what order are the images joined?

In the order you added them — the first file selected or dropped comes first. There is no drag-to-reorder, so if the sequence is wrong, start the selection again with the files in the order you want.

How many images can I merge at once?

There is no fixed limit, but the result is a single canvas held in memory. A dozen phone photos stacked at full resolution makes a very tall image that some viewers struggle with, so consider resizing before merging.

Can I save the result as a JPEG?

The download is always a PNG. To get a JPEG, run the merged file through an image converter or compressor afterwards, which will also shrink it considerably for photographic content.

Are my files uploaded anywhere?

No. The images are read locally, composed on a browser canvas and exported on your device. Nothing is sent to a server, so the tool works offline once the page has loaded.