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.

Built and maintained by Udit Agarwal

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

  1. Drop in the images you want to combine
  2. Drag the order right, then pick side by side, stacked or grid
  3. Set the gap, border and background
  4. 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.

Guides

More Images tools

  • Collaborative Whiteboard — Draw together with someone over a direct browser-to-browser connection.
  • Thumbmark Maker — Turn a photo of an inked thumbprint into a clean transparent PNG for forms.
  • Signature Background Remover — Lift a signature off a photo of paper into a transparent PNG, in the ink colour you pick.
  • Image to Text (OCR) — Pull the text out of photos, screenshots and scans with on-device recognition.
  • Image Resizer — Resize photos by pixels, percentage, preset or longest side — in batches, with a ZIP download.
  • Compress Image to Size — Bring a photo under an exact size such as 20 KB, 50 KB, 100 KB or 200 KB.
  • Passport Photo Maker — Crop a photo to passport and ID sizes and lay out a print-ready sheet of copies.
  • Favicon Generator — Make favicon.ico, PNG sizes, an Apple touch icon and a web manifest from an image, letters or an emoji.
  • GIF Maker — Turn a set of images into an animated GIF with frame delays, looping and a colour palette.
  • Meme Generator — Put top and bottom captions or free-placed text on any image and save it as PNG or JPEG.
  • Chart Maker — Turn pasted data into bar, line, area, pie and doughnut charts you can download as PNG or SVG.
  • HEIC to JPG Converter — Convert iPhone HEIC photos to JPG, PNG or WebP in your browser, in batches, and download them as a ZIP.

See all Images tools (40) · All tools