Skip to main content
toolcool
Utility

Online Image Stitcher - Combine Multiple Images Into One Long Image

Runs locally · no upload

Stitch multiple images vertically or horizontally into one long image locally in your browser. Drag to reorder, customize gap and background, export as PNG/JPG/WebP. No server upload.

Overview

Combine multiple JPG, PNG and WebP images into a single long image (vertically or horizontally) directly in your browser. Drag to reorder, set gap (0-50 px) and background color (white/black/transparent), then export as PNG, JPG or WebP with quality control. All processing happens in a local Canvas — your images never leave the device. Ideal for chat screenshot stitching, e-commerce detail images, social media stories and more.

How to use

  1. Drag images into the upload area, click to browse, or paste from clipboard
  2. Reorder images by dragging in the list; click ✕ to remove any single image
  3. Choose stitch direction (vertical / horizontal), gap size and background color
  4. Pick export format (PNG lossless / JPG / WebP) and quality level
  5. Click "Start Stitching" to generate the result, preview it and click "Download"

Formula

Vertical: canvas width = max(all image widths), each image scaled proportionally to canvas width; canvas height = sum(scaled heights) + gap × (n-1). Horizontal: canvas height = max(all image heights), each image scaled proportionally to canvas height; canvas width = sum(scaled widths) + gap × (n-1).

Common scenarios

Chat screenshot stitching

Drop multiple chat screenshots in order, stitch vertically with 0 gap, export as PNG for a seamless continuous conversation image.

E-commerce product detail

Arrange product shots and feature graphics in design order, set 10 px white gap, stitch vertically and export JPG at quality 90 for direct upload.

Social media panorama

Stitch 3 landscape photos horizontally with 5 px black gap and export as WebP for a cinematic comparison strip.

Tutorial step images

Stitch numbered software screenshots vertically to form a complete step-by-step guide in one long image.

FAQ

Will my images be uploaded to a server?

No. All image processing happens entirely in your browser via the Canvas API with no network requests. Data is cleared when you close the tab.

How many images can I stitch at once?

There is no hard limit, but we recommend 20-30 images per batch. Very large canvases may exhaust browser memory. If individual images are very large (e.g. 4000 px wide), consider compressing them first.

How is the final image size determined?

In vertical mode the canvas width equals the widest image and all others are scaled proportionally. In horizontal mode the canvas height equals the tallest image. This ensures aligned edges.

What happens if I choose transparent background with JPG export?

JPG does not support transparency, so transparent areas will appear black. Use PNG or WebP format if you need transparent gaps.

How do I reorder the images?

In the image list, grab the drag handle (⠿ icon) on the left and drag the image to its target position. The order updates instantly — images are stitched top-to-bottom (vertical) or left-to-right (horizontal) as shown.

What are the differences between PNG, JPG and WebP export?

PNG is lossless but larger — ideal for screenshots and text. JPG uses lossy compression for smaller photos. WebP offers a good balance of size and quality but may not be supported by older software. The quality slider only affects JPG and WebP.

Will the stitched image have a watermark?

No. This tool is completely free and adds no watermarks — you get a clean stitched result.

Related tools