Drag cards or use arrow buttons for precise movement; the preview updates instantly.
Image StitcherTurn scattered screenshots into one image.
Tell a story vertically, compare images side by side, or build a grid with full control over order, spacing, and background.
Image Stitching Toolkit
Composition settings
Image Order
After adding images, drag cards to change their order.
Live Preview
Images are never stretched when sharing a width or height, so text and people keep their shape.
Extra-long output scales down proportionally to safe dimensions to protect the browser.
Plan the reading direction before combining screenshots and photos
A useful stitched image should read naturally at the destination size. Arrange the source order, normalize the shared dimension, and use gaps or padding deliberately so the final canvas does not become unnecessarily difficult to view or share.
Step by step
- Collect related images
Choose screenshots or photos that belong in one sequence and remove duplicates before building the composition.
- Arrange the source order
Drag cards into the exact reading order. For long screenshots, follow the page from top to bottom and check overlapping content.
- Choose a layout
Use vertical for long pages, horizontal for comparisons, or grid for contact sheets and balanced collections.
- Preview and export
Check seams, text scale, background color, and total dimensions before downloading PNG, JPG, or WebP.
Decision guide
- Vertical
- Best for chat captures, tutorials, receipts, and long-page screenshots that should scroll naturally.
- Horizontal
- Best for before-and-after comparisons, panoramas, and a small number of similarly sized images.
- Grid
- Best for contact sheets, product sets, mood boards, and collections where no single item controls the width.
- Shared width or height
- Normalizes mismatched sources while preserving their proportions instead of stretching each image.
Important limits
- Very tall or wide canvases may exceed browser, messaging-app, or social-platform dimension limits.
- Upscaling small sources to a large shared width can make their text and edges soft.
- Different color profiles, lighting, and compression can remain visible at the seams.
- Large source sets consume browser memory; export smaller groups when the preview becomes slow.
Common questions
Why is the result extremely tall?
Vertical mode adds every scaled image height. Reduce the shared width, remove unnecessary frames, or export the sequence in sections.
Can I reorder images after adding them?
Yes. Drag the source cards before export and use the preview to confirm the reading sequence.
Are source images uploaded?
No. Composition and export run locally in the browser.
Create long screenshots, comparisons, and grids
Add up to 30 images, drag them into the right order, and compose them vertically, horizontally, or in a configurable grid. Shared width or height keeps every image proportional.
Choose image gaps, outer padding, background color, format, and quality. Oversized compositions scale down safely before local export.