Sometimes one image says more than several separate files. A before and after comparison lands better when both photos sit next to each other, a set of screenshots reads more easily as one tall strip, and four product angles fit neatly into a single grid for a listing or a chat message. The recipient also gets one attachment in the right order instead of a pile of files.
This tool combines up to 30 images in your browser. Arrange them side by side, stacked vertically or in a grid, set the spacing and background colour, preview the result live and download it as PNG, JPG or WebP. Your pictures stay on your device the whole time.
How images are combined
Merging places each picture onto one larger canvas according to a layout. Side by side puts the images in a single row, Stacked puts them in a single column, and Grid fills rows from left to right using the number of columns you choose. The order is the order of the list, which you can change at any time.
Pictures rarely share the same dimensions, so size matching matters. With Same height switched on in the side-by-side layout, every image is scaled to the height of the tallest one, keeping its proportions, so the row has a clean top and bottom edge. Same width does the equivalent for stacked images. In a grid, every cell is as wide as the widest image and as tall as the tallest, and Fill grid cells scales each picture to fit its cell. Switch these off and images keep their original size, centred in their row, column or cell.
Popular reasons to merge images
Before and after comparisons
Renovations, photo edits and fitness progress make sense at a glance when two shots sit side by side. Same height keeps both halves level even if the originals came from different cameras.
Step-by-step screenshots
App instructions are easier to follow as one tall image than as six attachments. Stacking the screenshots with a small gap keeps every step in order, ready to paste into a ticket or document.
Product and photo grids
A 2 by 2 or 3 by 3 grid shows several angles of an item, a set of event photos or design variations in one compact picture, which suits marketplace listings, mood boards and messages where only one image can be attached.
Settings and output
The preview redraws instantly as you change anything and shows the final size in pixels. Gap adds space between images, from 0 to 200 pixels, starting at 16. Columns, shown only for the grid, accepts 1 to 10 and starts at 2. Background colour fills the gaps and any space around smaller images; it starts as white and can be any colour from the picker. Turn on Transparent background to leave those areas see-through instead, which works for PNG and WebP but not JPG, since JPG cannot store transparency.
Below the settings you choose the output format: PNG by default, or JPG and WebP with a Quality slider starting at 90. The merged image is drawn at full resolution and saved as merged-images.png, .jpg or .webp. Very large combinations are limited by how big a canvas browsers can handle, so if the result would exceed about 16,000 pixels on a side or 40 megapixels in total, it is scaled down to fit and a note tells you by how much.
How to use this tool
- Drop two or more images onto the box above, or click Choose images. Use Add more images to bring in extra pictures later.
- Pick a Layout: Side by side, Stacked or Grid, and set Columns if you chose Grid.
- Reorder the list with the up and down arrows, remove any image with the cross, and adjust Gap, matching and Background colour.
- Choose PNG, JPG or WebP under Output format, then press Download PNG (or Download JPG, Download WebP) to save the merged picture.
Limitations
- Up to 30 images can be merged at once, and at least two are needed before downloading.
- Layouts are a single row, a single column or a regular grid; free-form positioning, borders and text captions are not available.
- Matching sizes can enlarge smaller images to the size of the largest, which may make them look soft.
- Animated GIFs are added as their first frame, and photo metadata is not kept in the merged file.