Image Stitcher — Combine Images in a Grid
Combine several images into a single picture — stacked into a long image, laid in a strip, or arranged in a grid.
Choose images to begin.
—
What this tool does
It puts several images into one. The common case is the "long image": a series of screenshots, a chat log, or a set of pages stitched top to bottom into something a single swipe can read. The same machinery makes a horizontal strip for a before/after or a comparison, and a grid for a contact sheet or a collage. Everything is composited onto one canvas at the sizes you set.
The three layouts
| Layout | Use it for |
|---|---|
| Vertical | A long image: stacked screenshots, a multi-page document, a chat log. |
| Horizontal | A strip: side-by-side comparison, a filmstrip, a banner. |
| Grid | A collage or contact sheet: many images in rows and columns. |
Aspect ratio is preserved
Images of different shapes are not stretched to fit — that would distort them. In vertical mode they share a width and keep their own heights; horizontally they share a height; in a grid each is fitted inside its cell and centred. If you want perfectly uniform cells, make your source images the same aspect ratio first, then stitch.
Order, gaps and background
Images are composited in the order you add them, so the sequence is the layout: to put a header at the top, add it first. The gap and background colour apply between images and around the edges, and they are what makes a collage read as one piece rather than as separate files with hard seams. Use a gap of zero for a seamless long screenshot; use a few pixels and a contrasting background when the boundary between images should be visible.
Nothing is uploaded
Stitching is often the last step before sharing something personal — a conversation, a set of receipts, a series of private photos. This tool loads the images, draws them onto one canvas and hands the result back for download, all inside your browser; no server ever sees them.
Frequently asked questions
What does this tool do?
It joins several images into one. You can stack them vertically (a long image), place them side by side (a strip), or arrange them in a grid. Each image keeps its aspect ratio, and the result is a single image you can download in JPEG, PNG or WebP.
Which layout should I choose?
Vertical for a "long image" — a chat log, a screenshot series, an article exported as one picture. Horizontal for a comparison strip or a before/after. Grid when you have several images of similar size and want a contact sheet or a collage.
Why do my images come out at different sizes?
Images of different widths are scaled to match the layout. In vertical mode they are scaled to a common width but keep their own heights, so nothing is stretched; in grid mode each is fitted inside its cell. If you want uniform cells, crop or pad your images to the same aspect ratio first.
What does the gap setting do?
It adds spacing between the images, filling it with the background colour you choose. A small gap makes a collage of separate pictures; zero makes them butt together into one continuous image.
How many images can I combine?
As many as will fit in memory — a few dozen is comfortable on a normal machine. Very large numbers of large photos will be limited by how much the browser can hold, so combine in batches if you have hundreds.
Are my images uploaded?
No. They are loaded, arranged and drawn onto a single canvas in your browser. Nothing is sent to a server, so private photos never leave your device.
Go deeper
Longer explanations of the problems this tool solves:
Sources
- MDN Web Docs — CanvasRenderingContext2D.drawImage().
Everything runs in your browser — your file never leaves your device.