Merge Images
Join images side by side, stacked or in a grid, or stitch screenshots into one long image.
Images
Images are joined in this order. Drag a card by its handle to move it, or focus the handle and use the arrow keys.
Layout, preview and download
About the Merge Images
Put several images into one: side by side, stacked one above the other, or in a grid with as many columns as you like. Images are scaled to the same height (side by side) or the same width (stacked and grid) so the edges line up, or kept at their original sizes and aligned to the top, middle or bottom (left, centre or right). Add space between them, a border round the outside and a background colour — or a transparent background for PNG and WebP. Drag the cards to change the order.
Long screenshot mode joins screenshots of one scrolling page — a chat, an article, a receipt — into one tall image. It finds where each screenshot repeats the one before and cuts there, so nothing is doubled, and keeps a fixed top bar or bottom bar only once. Everything happens in your browser; your images are never uploaded.
How to use it
- Choose, drop or paste two or more images (up to 50). They are joined in the order of the cards: drag a card by its handle, use the arrow buttons, Reverse, or Sort by name.
- Choose a layout: Side by side, Stacked, Grid (set the number of columns) or Long screenshot.
- Choose the size: the same height or width as the smallest image (nothing is enlarged), the largest, or a custom number of pixels. With Original sizes, choose how smaller images are aligned.
- Set the space between images, the border and the background colour, then pick JPG, PNG or WebP and select Download (or Copy image).
- For screenshots, add them top of the page first. Check each join under Where the screenshots join; the dashed lines in the preview show the cuts. If a join is wrong, type the overlap in pixels.
Examples
A 4000 × 3000 photo and a 3024 × 4032 photo · Side by side · Same height, smallest image’s
A 6250 × 3000 px image: the second photo is scaled to 3000 px high (2250 px wide) next to the first
Two 1080 × 1080 images · Side by side · 40 px space, 40 px border, white
A 2280 × 1160 px image with an even white frame
Five phone screenshots (1080 × 2400) taken while scrolling · Long screenshot · PNG
One 1080 px wide PNG of the whole chat: the repeated messages are cut out and the app’s top bar and typing bar appear once
Common uses
- Before-and-after photos and product comparisons side by side.
- Joining a long chat, receipt, recipe or article into one shareable screenshot.
- A vertical strip of photos for a story or a grid of product shots for a catalogue.
- Putting the front and back of a document or ID card on one page.
- Combining screenshots for a bug report or a how-to guide.
Sizes, alignment and the grid
- Same height suits images side by side: every image is scaled to one height, so the top and bottom edges line up. Same width suits stacked images and grids.
- Smallest image’s size never enlarges anything, so nothing gets blurry; Largest image’s enlarges the smaller ones (the tool says by how much); Custom sets the height or width in pixels.
- Original sizes keeps every image as it is. Smaller images are then placed at the top, middle or bottom of their row (left, centre or right of their column), and the background fills the rest.
- In a grid, each column is as wide as its widest image and each row as tall as its tallest, so mixed portrait and landscape photos stay whole.
- Output size under Save makes the result 75%, 50% or 25% as large — handy for email and chat.
How long screenshots are joined
Each screenshot is reduced to a profile of its rows (the average brightness of 48 narrow strips across each row). Rows that are identical at the same place in two screenshots — a status bar, an app’s title bar, a tab bar or a typing box — are treated as fixed and kept once: the top bar from the first screenshot and the bottom bar from the last. A small change inside a bar, such as the clock moving on by a minute, is stepped over. The scrolling part of the next screenshot is then slid along the previous one, and the position where the rows match best is where they are joined. Rows with text count more than empty ones, so two blank areas cannot fake a match, and a join that does not match well enough is not used: the screenshot is placed below instead, and the tool tells you.
Works best with screenshots from one device, all the same width, taken top to bottom with some overlap between them (a third of the screen is plenty). Screenshots of a different width are scaled to the first one’s width.
Formats and quality
JPG gives small files for photos. PNG keeps text and screenshots perfectly sharp and keeps a transparent background. WebP is smaller than both and keeps transparency (in Safari, WebP is written by a WebAssembly encoder from this site). The saved image is drawn again from your original files at full resolution, not from the preview, and contains no EXIF data such as the camera or GPS location.
Limitations
- Up to 50 images at once. The result can be up to 16,384 pixels on its longest side and about 67 megapixels in total on a computer (about 16.8 megapixels on phones and tablets); larger results are saved smaller, and the tool says so.
- Long-screenshot joining is for pages that scroll vertically. Floating buttons or banners that move with the page, animations and videos can stop a join being found — then type the overlap.
- HEIC photos and images over 36 megapixels are drawn from a high-quality copy made when they are added.
- Images are kept only while the page is open.
Privacy
Everything happens in your browser. What you enter or open here is not uploaded or stored by MySmartCoPilot.
Frequently asked questions
Are my images uploaded?
No. They are read, joined and saved by your browser on your device. After the page has loaded once it also works offline — except opening HEIC photos in browsers other than Safari and saving WebP in Safari, which download a decoder or encoder from this site the first time.
How do I put two pictures side by side without stretching them?
Choose Side by side and Same height: each picture is scaled in proportion to the height of the shorter one, so nothing is stretched or cropped. Choose Smallest image’s so nothing is enlarged.
How do I change the order?
Drag a card by its handle (the dotted button), or use the arrow buttons on the card. With the keyboard, focus the handle and press the arrow keys, Home or End. Reverse and Sort by name reorder everything at once.
My long screenshot has a repeated part or a gap. What do I do?
Check that the screenshots are in order from the top of the page down. Then look at Where the screenshots join: each join shows how many pixels overlap. Type a larger number to remove a repeated part, or a smaller one to close a gap; Use detected goes back to the automatic value.
Can I make the background transparent?
Yes — tick Transparent background and save as PNG or WebP. JPG has no transparency, so it always uses the background colour.
What if the images have different sizes?
That is what the size options are for: images are scaled to a shared height or width, or kept at their own size and aligned, with the background colour filling the space round smaller ones.