jpgtoolskit.org
JPG and photo utilities, in the browser
Say hi →

Combine Images Into One

side by side · stacked · grid · gap and background · reorderable · in-browser

Merge several JPGs into a single image — side by side for before-and-after pairs, stacked for long screenshots, or in a grid for a contact sheet. Mismatched sizes are scaled to a common edge so nothing looks stretched, you can reorder files before merging, and the gap and background colour are yours to set. Runs in your browser; nothing is uploaded.

Drop two or more images here

JPG / PNG / WebP · use the arrows in the list to set the order

    no files
    Ready.

    How to combine images into one

    1. Drop in two or more images.
    2. Put them in the right order with the ↑ ↓ arrows in the file list.
    3. Pick a layout. For a grid, set how many columns you want — rows are worked out from the file count.
    4. Add a gap if you want the images visually separated, and choose the colour that fills it.
    5. Click Merge into one JPG.

    Which layout for which job

    The reverse operation

    Split image does the opposite: it cuts one image into an N×M grid of tiles, which is how people prepare an Instagram carousel or a large print that has to be tiled across several sheets. And if the merged result needs to fit a size limit, Compress JPG takes a target in KB.

    FAQ

    What if my images are different sizes?

    Leave the fit on "Match edges". Side by side, every image is scaled to a common height; stacked, to a common width. Nothing is stretched or distorted — the aspect ratios are preserved and the shared edge lines up, which is what makes a before-and-after look deliberate. Switch to "Uniform cells" and every image is instead letterboxed into an identically-sized cell, which is what you want for a tidy grid.

    Can I control the order?

    Yes — the file list has up and down arrows. Order runs left to right for a row, top to bottom for a column, and left-to-right-then-wrap for a grid. Worth checking before you merge, because file pickers rarely hand over files in the order you clicked them.

    How do I make a before-and-after?

    Two images, side by side, match edges, and a gap of 8–20 px in white or black to make the join read as intentional. If you want an interactive slider comparison instead of a static merge, Compare two JPGs has one, along with a pixel-level diff.

    Is there a limit on how many images I can merge?

    Only your machine's memory. The output canvas is the sum of the parts, so twenty 12 MP photos in a row would be an enormous image — if you are building a contact sheet, resize the inputs first with Resize JPG.

    Related tools