Merge Images

How to use the Merge Images

1. Drop two or more images onto the box. You can add more later.
2. Put them in order with the ↑ and ↓ buttons, or remove one with ✕.
3. Choose Side by side, Stacked or Grid, then set spacing, margin, background and alignment.
4. Keep Resize all images to the same height (or width) on for a tidy result, then click Download merged image.

Features

• Horizontal, vertical and grid layouts
• Reorder or remove images at any time
• Spacing, outer margin and background color or transparency
• Align to top, middle or bottom (left, center or right)
• Optional equal height or width for a clean result
• Automatic scaling to stay within browser size limits

Three ways to combine images

• Side by side places images in a row. It is the classic layout for before-and-after comparisons, product variations and two screenshots that belong together.
• Stacked places images in a column, ideal for step-by-step screenshots, long chat conversations captured in several parts, or a sequence of photos you want to scroll through.
• Grid arranges images in rows of the number of columns you choose, for collages, mood boards and product sheets. Two columns suit four photos; three columns suit six or nine.

How equal sizing works

Photos from different sources rarely share the same dimensions. With equal sizing on, each image in a side-by-side merge is scaled to the height of the shortest image, keeping its own aspect ratio. In stacked and grid layouts, images are scaled to the width of the narrowest one. Matching the smallest image means nothing is enlarged, so nothing turns blurry.

For example, merging a 1200 × 800 photo with a 1080 × 1080 photo side by side with 10 px spacing: the target height is 800 pixels, so the second photo becomes 800 × 800. The result is 1200 + 10 + 800 = 2010 pixels wide and 800 pixels tall. With equal sizing off, both keep their size, the canvas is as tall as the taller one (1080 px), and alignment decides whether the smaller photo sits at the top, middle or bottom.

Spacing, margins and background

Spacing is the gap between images; the outer margin adds a frame around the whole composition. Both are filled with your background color. White or a light gray gives a clean, gallery-like look; black suits photography; your brand color works for social posts. Tick Transparent background for graphics that will be placed on a web page, and save as PNG or WebP to keep it. JPG has no transparency, so gaps are filled with white instead.

Size limits

Browsers limit how large a single canvas can be, and the limits differ between devices. If your combination would exceed about 16,000 pixels on a side or 120 megapixels in total, the whole result is scaled down proportionally and the page tells you. Merging dozens of full-resolution phone photos side by side is the usual cause; switch to a grid or resize the photos first.

Tips for a polished result

• For comparisons, crop both images to the same framing first with the Image Cropper.
• Use PNG for screenshots so text stays sharp, and JPG or WebP for photos to keep the file small.
• Keep spacing consistent with the margin, for example 20 px of each, for an even frame.
• When posting to social media, check the platform's preferred shape; a very wide strip of five photos will be shown tiny in a feed.
• Large results can be shrunk afterwards with the Image Compressor.

Merging happens in your browser. Your images are never uploaded.

Frequently asked questions