Merge Images - Combine Images Side by Side or Stacked

Join several images end to end into a single file, horizontally or vertically. Set the spacing and background colour, reorder the images, and nothing is uploaded.

What Merge Images Does

This tool concatenates several images into one file along a single axis. Choose "Side by side" and it measures every image, adds up their widths, adds the spacing between neighbours, and makes a canvas that wide; the canvas height is the height of the tallest image in the set. Choose "Stacked" and the same arithmetic runs on the other axis: heights are summed, and the canvas width comes from the widest image. Each image is then drawn once at its native pixel size, in the order shown in the list, with no scaling of any kind. That last point matters more than it sounds. If your images are not all the same height in a side-by-side merge, the shorter ones cannot fill the canvas, so the leftover strip above or below them is painted with the background colour, and the Align setting decides whether a short image sits at the top, the middle, or the bottom of its slot. The same applies to narrower images in a stacked merge. Spacing works the same way — it is background colour, not empty pixels, so a gap of 20px between two photos is a 20px band of whatever colour you picked. Output is PNG or JPG. PNG can keep the background genuinely transparent, which is useful when your sources have transparency of their own; JPG cannot, because the format has no alpha channel, so a transparent choice falls back to white. This is a linear join only: no grids, no templates, no automatic layout.

Why You'd Merge Images

A single file travels better than a folder of them. Merging is the quickest way to put related images into one frame when the arrangement is simply "these, in this order".

Put before-and-after shots side by side in one image so the comparison survives being forwarded or pasted
Stitch a scrolling screenshot back together vertically after capturing it in several pieces
Combine product photos or chart exports into one attachment instead of sending four separate files
Build a simple strip or banner from images you already sized yourself, with exact control over spacing and background

How to Merge Images

Four steps, all running locally in your browser — the images are decoded, drawn to a canvas, and encoded without any of them being sent anywhere.

1

Add at least two images; use "Add more" to keep appending to the set

2

Check the merge order list and move files up or down until the sequence is right

3

Pick Side by side or Stacked, then set the spacing, background colour, and alignment for images of unequal size

4

Choose PNG or JPG, apply, and download the single merged file

Frequently Asked Questions

They are still drawn at their original size — nothing is stretched or shrunk. In a side-by-side merge the canvas takes the height of the tallest image, and every shorter image leaves a gap that gets filled with your background colour. The Align setting decides where that gap goes: top, bottom, or split evenly with Center. A stacked merge behaves the same way across the width.
No, and that is deliberate. Auto-scaling to a common height would resample every image, softening detail and quietly changing the aspect ratio of anything that did not match. If you want a seam-free strip, resize the images to a matching height or width first with the Resize tool, then merge them. Doing it in two explicit steps means you choose the resampling, rather than the merge doing it behind your back.
The default order is the order you added the files, running left to right for a side-by-side merge and top to bottom for a stacked one. The controls panel lists every image with its position number and an up and down arrow, so you can rearrange them before applying. Adding more images later appends them to the end of the list, where you can move them into place.
This tool does one thing: it lines images up in a single row or a single column, at original size, in the order you set. The Collage tool arranges images into a grid using layout templates and will fit them into cells for you. Use merge when you know exactly what sequence you want and care about the pixels staying untouched; use collage when you want a multi-row arrangement built for you.
There is no fixed limit in the tool, but there is a practical one. Because nothing is downscaled, the merged canvas grows with every image you add, and browsers cap canvas dimensions — around 16,000 to 65,000 pixels per side depending on the browser and device. Merging a dozen full-resolution photos side by side can exceed that and fail or produce a blank result. Fewer, smaller images are safer, especially on phones.
Yes, if you export as PNG. Tick Transparent and the background fill is skipped entirely, so spacing gaps and the padding around unequal images stay transparent, and any transparency in the source images survives. JPG has no alpha channel at all, so the option is disabled for JPG output and the background falls back to a solid colour. Choose PNG whenever transparency matters.
No. Decoding, compositing, and encoding all happen in your browser using the canvas API, so the image data never leaves your device. Nothing is stored and no account is needed. The trade-off is that the memory and CPU doing the work are your own, which is why very large merges are limited by your hardware rather than by an upload cap.
Roughly the sum of its parts, and often somewhat more. The merged canvas holds every source pixel plus the background filling the spacing and alignment gaps, so a PNG of four photos will typically be larger than the four originals combined, since PNG stores photographic data inefficiently. JPG output is far smaller for photos but re-encodes lossily. If size matters, export JPG or run the result through the Compress tool.

Altri Strumenti per Immagini

Esplora altri potenti strumenti per le tue esigenze di modifica immagini