Blog Upload Shorten Tools Gallery FAQ Contact Sign in
📢 永久無廣告,自動清除EXIF,保護隱私內容
Tools

🧩 Merge Images

Join several images into one long strip

ℹ️ The order is the order you selected the files in (most systems sort by filename). If it comes out wrong, hit Clear and reselect.

🔒 Everything runs inside your browser — your files are never uploaded to our servers and we never see them. Close the tab and nothing is left behind.

Merge Images: before and after example
Original on the left, the actual output of this tool on the right — not a mock-up. Any file sizes or dimensions shown are real measured values.

Step-by-step

  1. Select the images in order The layout order is the order you select them in, and most systems sort by filename. The reliable way to control it is to rename them 01, 02 and select them all at once.
  2. Choose a direction Vertical makes one long image — the right choice for chat screenshots and step-by-step guides. Horizontal makes a wide strip for comparisons and panoramas. Grid arranges them into columns as a collage.
  3. Decide how mismatched sizes are handled Scale to match is the default and usually right — stacking vertically, every image is brought to the same width so the edges line up. "Keep original sizes" leaves each at its own size, centred, with the background colour filling either side.
  4. Set the gap and background (optional) A gap of 0 joins them seamlessly, which suits images that were continuous to begin with. To make each one read as a separate panel, use 10–20 with a contrasting background.
  5. Run it and download You get one combined image. If the result would exceed what your browser can handle, it is scaled down proportionally rather than coming back blank.

When you would use this

Joining chat screenshots into one image

Probably the most common use. Showing a full LINE, Instagram, or Messenger conversation as separate screenshots looks messy and invites accusations of cherry-picking. Stacked vertically the context is obvious, and nobody misses a piece.

Before and after

Renovations, retouching, construction — the difference only reads when the two sit side by side. A gap of 0 pushes them together for the strongest contrast; 10 with a white background separates them cleanly.

Tutorials and step-by-step instructions

Stack the screenshot for each step vertically and one image carries the whole process, with no cross-referencing for the reader. Run them through Blur & Redact first to hide any credentials on screen.

Portfolio collages and product sets

Grid mode arranges several works or product shots into a tidy collage for use as a single post or thumbnail. For precise control over each cell, standardise the sizes with Resize Image first.

Why merge at all

Combining a related set of images into one solves a single problem: whether the other person actually sees all of it. Post nine screenshots separately and most readers stop after two. Merge them into one long image and a single scroll covers everything — with no room for anyone to wonder whether you left a piece out.

Chat screenshots make this vivid. Posted separately they invite accusations of cherry-picking; merged, the context is complete. Tutorials work the same way — one image from start to finish beats nine that the reader has to sequence themselves.

Why alignment matters

Stacking vertically with mismatched widths gives you a ragged, sawtooth edge. It happens constantly when merging screenshots, because a phone capture is around 1170px wide while a desktop one might be 2560px.

The default "scale to match" brings everything to the width of the narrowest image. Nothing gets enlarged (enlarging softens), and the edges line up exactly. The cost is that wider images are reduced and lose a little detail — a trade that is almost always worth it against a ragged edge.

Gap or no gap

Zero gap suits images that were continuous to begin with: segments of a panorama, pieces of a split image, a scrolling capture in parts. The result reads as one complete picture.

10–20px with a background colour suits genuinely separate content: conversations from different times, product shots from different angles, before-and-after pairs. The whitespace tells the reader these are distinct images rather than one continuous view.


Frequently asked questions

How do I control the order?
The order is the order you select the files in. Most operating system file pickers sort by filename, so the reliable approach is renaming them 01.png, 02.png and selecting them together. If it comes out wrong, Clear and start again — faster than trying to fix it afterwards.
What happens if the images are different sizes?
By default they are scaled to match: stacking vertically brings everything to a single width (the narrowest one), horizontally to a single height. That is exactly what joining chat screenshots needs, since phone and desktop captures differ wildly in width and unaligned edges look terrible. Choose "keep original sizes" to preserve each one as-is.
Can the merged image get too large?
It can. Ten phone screenshots stacked vertically can exceed 20,000px tall. When the result would pass the browser Canvas limit it is scaled down proportionally and still produced, rather than coming back blank. For genuinely long strips, merge in two or three batches, or control the file with Compress to Size.
Can I reassemble a split grid?
Yes. Use grid mode with 3 columns and a gap of 0, selecting the files in order from r1c1 to r3c3, and you get the original back. Split into Grid cuts on whole pixels, so there is no seam.

What you might need next

Image work rarely ends in one step. These pair up with Merge Images most often:

Want to share the result? Upload turns images, photos, or videos into a short link with optional password, expiry, and view limits. Or head back to all 12 tools.


More tools