Skip to content
AZ Tools

Image Stitcher (Horizontal / Vertical)

Combine multiple images into one — horizontal strip or vertical stack — with alignment, gap, background color and optional uniform scaling.

How to use

  1. Drop the images you want stitched together. Reorder them with the up/down buttons.
  2. Pick direction, alignment, and whether to scale to a common height (horizontal) or width (vertical).
  3. Download as PNG (lossless, supports transparency) or JPEG (smaller, quality slider).

About this tool

Show

Merges a row or column of images into a single PNG or JPEG. Different from a sprite sheet — this is for making screenshots side-by-side, photo strips, before/after comparisons, or a long scrolling app capture. Pick how to align mismatched-size images (top/middle/bottom for horizontal, left/center/right for vertical), optionally scale them all to the same height/width, and choose a background or keep it transparent. Everything happens in canvas in the browser, no upload.

Alignment only matters because the inputs are rarely the same size, and the choice decides where the leftover space goes. Stitching horizontally without scaling leaves the shorter images floating in a band as tall as the tallest one, and top, middle or bottom decides whether they hang, centre or sit. Scaling to a common height removes the gaps and changes every image's pixel dimensions instead, which is fine for photos and lossy for a screenshot of text.

A before-and-after only reads as a comparison when the two frames are the same size and scale. Two screenshots taken at different window widths, or a photo pair shot from slightly different distances, produce a strip where the eye reads the framing difference as the change. Crop to matching dimensions first; this tool aligns what you give it rather than reconciling it.

A long scrolling capture is the case where the seams show. Consecutive screenshots usually overlap by a few pixels and often carry a sticky header that repeats in every frame, so stitching them end to end reproduces that header down the length of the output. Trimming each piece before stitching is the fix, and this tool does not do the trimming.

The output is one canvas, so its dimensions are the sum along the stitch axis. A dozen phone screenshots stitched vertically make an image several thousand pixels tall, which some viewers downscale to fit and some chat apps re-encode, and either is enough to make the text in it unreadable.

Frequently asked questions

Why does my horizontal strip have white bands above/below shorter images?

Because they're shorter than the tallest one. Switch the scale to 'match height' to resize everything to the shortest, or use 'middle' / 'bottom' align to move the bands.

PNG vs JPEG?

PNG is lossless and keeps transparency — pick it for screenshots or anything with text. JPEG compresses photos far smaller; the quality slider lets you trade size against artifacts.

The seam between two screenshots is visible even though both came from the same screen. Why?

Usually because they were captured at different scale factors — a screenshot from a high-density (2×) display is twice as wide and twice as tall in pixels as one from a standard display, four times the pixel count, so placing them side by side puts two different pixel densities in one image. Scale them to a common size before stitching, or capture both on the same machine at the same zoom level.

Is there a limit to how large the combined image can be?

In practice yes: the result is drawn on a canvas, and browsers cap both the dimensions and the total area a canvas may have. Very long scrolling captures are where this bites — a strip tens of thousands of pixels tall can come back blank rather than raising an error, because the canvas silently failed to allocate. If a stitch comes out empty, halve the input and combine in stages.

Related tools