Three layout directions
Place images in one horizontal row, one vertical column, or an automatically balanced grid. The image stitcher supports 2-9 cells and recalculates the canvas when the source order changes.
Image stitcher
Preview
Add at least two images
No preview yet
Your stitched result appears here after two images are ready.
Waiting for images
More image tools
Continue with an adjacent image workflow. Generate a new composition, edit a source, enlarge the export, or animate the finished still after you arrange it.
Image stitcher - quick answer
Image Stitcher: Combine 2-9 Photos in Horizontal, Vertical, or Grid Layouts
An image stitcher combines two to nine JPG, PNG, or WebP files in your browser into one PNG or JPEG file. Choose a horizontal, vertical, or grid layout. The original files are not sent to an upload API.
Use the image stitcher when you already have finished stills and need one predictable canvas. It is a layout step before Grok editing, upscaling, or image-to-video, not a generative combiner that invents pixels between sources.
Published September 7, 2026 · Last updated September 7, 2026
- Images
- 2 to 9 images
- Formats
- JPG, PNG, and WebP
- Layouts
- Horizontal, vertical, or grid layouts
- Processing
- Local browser processing
Definition
How does this image stitcher keep sources in separate cells?
An image stitcher is a browser-based layout tool that arranges 2-9 JPG, PNG, or WebP images on one canvas. It creates horizontal rows, vertical strips, or grids while keeping every source in a separate cell and processing the files locally.
Real output from this workflow is a joined canvas, not a blended scene. Three source photos can sit in equal 16:9 cells with a white gap and export as one image. That result is useful for comparisons, contact sheets, story panels, and long visual references.
Creators often open an image stitcher after they already have stills from a camera roll, a Grok generation, or a screenshot sequence. The job is to keep each source identifiable while packing them into one file that can be shared, annotated, or sent into another Grok Imagine workflow.
Output proof
See what the Image Stitcher creates
The image stitcher does not synthesize a new scene. It creates one canvas, calculates a cell for each source, and draws the images in the selected order.
Core capabilities
What can the Image Stitcher do?
The image stitcher focuses on repeatable layout controls rather than generative editing, so the exported arrangement stays easy to predict.
Predictable cell framing
Choose square, 4:5 portrait, or 16:9 landscape cells. Use Contain to retain the full source or Cover to fill each cell with an edge crop.
Gap and canvas control
Set spacing from 0 to 64 pixels and choose any background color. Adjustable spacing and canvas color support clean comparisons, dark mood boards, and tightly joined screenshot strips in the same workflow.
High-resolution exports
Download PNG when screenshots, text, or diagram edges must stay crisp, or JPEG when a smaller photo file matters more. Exports are limited to 8,192 pixels on the longest edge for browser reliability.
Four-step workflow
How to stitch images online
The live preview updates after every layout change, so you can check the complete image stitcher result before creating the download.
Typical time: under 1 minute after two files are added.
- 01
Add two to nine images
Choose JPG, PNG, or WebP files up to 20MB each. The image stitcher reads them in your browser, and the numbered source tiles show the order used in the final canvas.
- 02
Choose a horizontal, vertical, or grid layout
Use a horizontal row for comparisons, a vertical column for long images, or a grid for a compact gallery. Move any source earlier or later before exporting.
- 03
Adjust ratio, fit, gap, and background
Select 1:1, 4:5, or 16:9 cells. Cover fills each cell by cropping edges, while contain keeps the full image and uses the selected background around it.
- 04
Preview and download the stitched image
Check the live preview and export the completed canvas as PNG or JPEG. The download is created locally without sending source files to an upload API.
Layout guide
Choose the right image layout
Use the image stitcher layout guide to match the canvas to the way the finished image will be read.
| Layout | Best input | Expected output | Recommended fit |
|---|---|---|---|
| Horizontal | Two to five comparisons or story beats | Wide side-by-side image | Cover for equal panels |
| Vertical | Screenshots, steps, or sequential references | Long image read from top to bottom | Contain for full screenshots |
| Grid | Four to nine photos with equal importance | Compact gallery or contact sheet | Cover for consistent cells |
Technical specifications
Technical image stitching specifications
These are the current input, layout, processing, and export limits enforced by the browser workbench.
| Parameter | Current support |
|---|---|
| Input formats | JPG, PNG, and WebP |
| Image count | 2-9 images |
| File size | Up to 20MB per image |
| Layouts | Horizontal, vertical, and grid |
| Cell ratios | 1:1, 4:5, and 16:9 |
| Gap | 0-64 pixels |
| Background | Solid color; transparent output is not supported |
| Downloads | PNG or JPEG |
| Preview size | Up to 1,600 pixels on the longest edge |
| Maximum output | 8,192 pixels on the longest edge |
| JPEG quality | 92% quality setting |
| Unsupported formats | GIF, HEIC, and SVG |
| Processing | Local browser tab; source files are not sent to an upload API |
| Browser requirement | JavaScript and HTML canvas support |
Practical uses
Common image stitching use cases
Use the same image stitcher controls for comparisons, long references, and compact visual collections.
Before-and-after comparisons
- Starting input
- Two edits, product versions, or progress photos that need to be judged in one frame.
- Tool action
- In the image stitcher, put them side by side in a Horizontal layout with equal cells and a small gap so viewers can compare the result without opening separate files.
- Expected result
- One wide comparison image that keeps each source in its own panel.
Long screenshot references
- Starting input
- Screenshots, steps, or sequential captures that should be read from top to bottom.
- Tool action
- In the image stitcher, add the files in reading order, choose a Vertical layout and Contain, then set the gap to zero or a narrow divider.
- Expected result
- One long image for review, annotation, or documentation.
Mood boards and contact sheets
- Starting input
- Four to nine references that should share equal visual weight.
- Tool action
- In the image stitcher, choose a Grid layout and a consistent ratio so the tool produces one compact overview.
- Expected result
- A single gallery file for a creative brief, presentation, or social draft.
Boundaries
Limits and quality checks
Keep Cover, Contain, file size, and export format in view before you download. The workbench will not invent missing pixels or repair panorama seams.
This is a layout tool, not panorama software
The image stitcher does not align overlapping panorama frames, blend seams, remove backgrounds, add labels, or generate missing content between sources.
Cover can crop important edges
Check Cover crops at faces, text, logos, and the outer edge of products before downloading. Use Contain when the complete source must remain visible.
Very large layouts are scaled
Large nine-image rows or columns are scaled to keep the longest export edge at or below 8,192 pixels. Preview rendering uses a smaller 1,600-pixel canvas.
Choose PNG or JPEG for the job
Use PNG for interface captures, diagrams, and later editing. JPEG uses a 92% quality setting and is better when a smaller photo file matters more.
Downloaded files are not stored in History
All selected images stay in the browser tab during this workflow. The downloaded canvas is not saved to History, so keep the file on your device if you need it later.
Questions and answers
Image Stitcher FAQ
Direct answers about local processing, image quality, side-by-side layouts, and the difference between stitching and generative combining.
What is an image stitcher?
An image stitcher combines multiple image files into one larger canvas. This tool places 2-9 images in a horizontal row, vertical column, or grid. It does not use AI to invent or replace pixels.
Can I stitch images together without uploading them?
Yes. The image stitcher reads, arranges, previews, and exports images in the current browser tab. Your selected files are not sent to the site server by this workflow.
How do I put two pictures side by side?
Add two pictures, select Horizontal, choose a cell ratio, and set image fit to Cover or Contain. Adjust the gap, verify the preview, then download the two pictures as one PNG or JPEG.
Does image stitching reduce quality?
The export uses a high-resolution canvas up to 8,192 pixels on its longest edge. If a calculated layout would exceed that limit, the image stitcher scales the complete canvas down. JPEG uses lossy compression, so choose PNG when text and interface edges must stay crisp.
Is this the same as panorama stitching or AI image combining?
No. Panorama software aligns overlapping photographs. An AI image editor can generate a new composition from several references. This image stitcher keeps sources in separate cells and joins those cells on one canvas. Use the AI image editor when you need a newly generated composition.
After export
Continue with the finished image
After the image stitcher exports one canvas, keep the download on your device. Local files are not stored in History.
Download the canvas first, then open an adjacent workflow if you need motion or a server-processed pass. Review the privacy policy before moving from local stitching into any uploaded workflow.
Ready to arrange
Stitch your images now
Add two or more files to the image stitcher, choose a predictable layout, inspect the preview, and download one finished canvas.