How do I combine two images into one file?

Drop both in, choose side by side or stacked, and merge. If the two are different sizes, turn on matching so they are scaled to share an edge rather than leaving a gap.

Are the images re-compressed when they are merged?

They are drawn onto a new canvas and re-encoded in the format you pick, so a JPEG source goes through one more generation. Exporting PNG avoids any further loss, at the cost of file size.

Can I merge images of completely different sizes?

Yes. With matching on, everything is scaled to the smallest relevant edge so nothing is upscaled and softened. With it off, the canvas takes the largest dimension and the smaller images are aligned within it.

Does the merged image keep EXIF data?

No. Drawing onto a canvas produces a new image with no metadata, so camera details and any GPS coordinates in the originals are dropped.

How many images can I merge at once?

As many as the canvas can hold — the practical limit is around 16,384 pixels per side, and the tool warns before a set exceeds it. A dozen photos in a grid is comfortable.

Image Merger

Combine pictures side by side, stacked or in a grid, with gaps, a border and a background.

The Image Merger draws everything on a canvas in your browser. Your photos are never uploaded.

Split an image instead

About Image Merger

Putting two pictures next to each other should be a five-second job, and it usually turns into opening an editor, making a canvas, guessing at coordinates and exporting. This tool takes the images, an arrangement and a gap, and draws the result. Side by side, stacked, or a grid with the column count you choose. Because photos are rarely the same size, there is an option to scale them to a common edge — the same height when they sit in a row, the same width when they stack — so the result has no ragged gaps. Everything is drawn on a canvas in the page, which means even large sets never leave your machine.

Features

Side by side, stacked, or a grid with a column count you set
Scales mismatched images to a common edge so there are no gaps
Alignment for the odd one out: start, centre or end of its track
Adjustable gap between images and a border around the whole canvas
Background colour, or transparency when exporting PNG
Reorder images before merging
Exports PNG, JPEG or WebP with an adjustable quality
Warns before a canvas grows past what a browser will allocate

How to use the Image Merger

Drop in the images you want to combine
Drag the order right, then pick side by side, stacked or grid
Set the gap, border and background
Merge and download the combined image

Example

Input

before.jpg (1200×800) and after.jpg (1600×1200), side by side, matched

Output

2266 × 800 PNG, both images scaled to a common height

Matching to a common edge is what keeps a before-and-after pair looking deliberate.

Common errors & troubleshooting

There are blank gaps between the images. — The sources are different sizes and matching is off. Turn on scaling to a common edge, or use alignment to decide where the shorter image sits in its track.
The merged file is enormous. — PNG is lossless, so a photo collage in PNG can run to tens of megabytes. Export as JPEG or WebP with a quality around 85 for anything photographic.
Transparency turned black in the output. — JPEG has no alpha channel. Either export PNG or WebP, or set a background colour to be painted in behind the transparent areas.
The merge fails on a large set. — The combined canvas has hit the browser's limit, which is around 16,384 pixels per side. Merge fewer at a time, or scale the sources down first.

Frequently asked questions

How do I combine two images into one file?: Drop both in, choose side by side or stacked, and merge. If the two are different sizes, turn on matching so they are scaled to share an edge rather than leaving a gap.
Are the images re-compressed when they are merged?: They are drawn onto a new canvas and re-encoded in the format you pick, so a JPEG source goes through one more generation. Exporting PNG avoids any further loss, at the cost of file size.
Can I merge images of completely different sizes?: Yes. With matching on, everything is scaled to the smallest relevant edge so nothing is upscaled and softened. With it off, the canvas takes the largest dimension and the smaller images are aligned within it.
Does the merged image keep EXIF data?: No. Drawing onto a canvas produces a new image with no metadata, so camera details and any GPS coordinates in the originals are dropped.
How many images can I merge at once?: As many as the canvas can hold — the practical limit is around 16,384 pixels per side, and the tool warns before a set exceeds it. A dozen photos in a grid is comfortable.

Related tools

Image Splitter — Cut a picture into a grid of tiles and download them as a ZIP.
Image Format Converter — Convert images between PNG, JPEG and WebP entirely in your browser.
Image Optimizer — Re-encode and shrink images (JPEG/WebP/PNG), optionally resizing.
Image Cropper — Crop an image to any area or fixed aspect ratio and download it, in your browser.
Flip & Rotate Image — Rotate by 90° and flip images horizontally or vertically, then download — in your browser.
Sprite Sheet CSS Animation Generator — Turn a sprite sheet into a copy-paste CSS @keyframes animation using steps(), with a live preview.