Join screenshots into one long image
Stack several issue states, chat excerpts, or tutorial steps from top to bottom. Crop unrelated bars from each source, then use a small gap or zero gap when the edges already line up.
Screenshot joinerPrivate image combiner and screenshot joiner
Combine images vertically or side by side
Combine images into one clear PNG for a bug report, step-by-step guide, before-and-after comparison, pixel art reference, or group of screenshots. Arrange every file without stretching its proportions.
Add, remove, crop, and reorder multiple JPG, PNG, WebP, or GIF files. Image processing stays in this browser tab.
Combine images with a live full-size preview
Choose vertical stacking or a horizontal row, drag files into order, match widths or heights, adjust spacing, and inspect the exact output dimensions before downloading.
Combined image preview
Add two or more images
The combined preview will update after every layout, order, crop, spacing, background, and output-size change.
- Images
- 0
- Full layout
- —
- PNG output
- —
- Output scale
- —
- Format
- PNG
Very long or wide results can exceed the canvas limit for your browser and device. Auto output size reduces the result proportionally when needed; it never stretches one axis. Read about browser canvas limits on MDN.
Combine images for practical visual work
A simple image merger is useful beyond photo collages: organize evidence, instructions, comparisons, and pixel art references without creating a design document.
Put images side by side
Use a horizontal row for before-and-after results, design alternatives, product details, or two pixel art versions. Matching heights keeps the comparison balanced without distorting either source.
Side by sideRedact, annotate, then combine images
Remove or cover private content first, add arrows or numbered steps second, and join only the flattened safe screenshots. A final check at 100% zoom helps catch readable names or tokens.
Privacy workflowCombine images vertically or horizontally
The two main layouts cover long screenshot stories and compact comparisons while preserving the proportions of every source.
Combine images vertically for a screenshot sequence
Match widths when screenshots came from different windows, drag them into reading order, and crop browser bars or repeated navigation manually. Set spacing to zero only when the remaining edges genuinely belong together. This is controlled stacking, not automatic overlap detection.
Combine images side by side without stretching
Match heights proportionally for a neat comparison, or retain original sizes and use top, center, or bottom alignment. Background color, outer margin, and the gap create breathing room when portrait and landscape sources do not fill the same rectangle.
How to combine images into one PNG
Use this short process to combine images in the intended order and keep text, proportions, and output limits under control.
01
Add files and choose the reading direction
Select several files at once, drop another group later, or paste copied images. Choose vertical for a top-to-bottom narrative and horizontal when viewers should compare sources in one glance.
- Drag list rows to reorder them
- Use arrow buttons when dragging is inconvenient
02
Crop distractions and match one dimension
Trim a toolbar, empty edge, or repeated footer from each selected source. Match widths for a vertical stack or heights for a horizontal row. Scaling remains proportional, so circles stay round and screenshot text is not stretched.
- Reset restores all original edge pixels
- Captions and numbers remain off until enabled
03
Inspect dimensions and download safely
Check the final width and height, raise preview zoom to inspect small text, then download the PNG. If the browser cannot support the requested canvas, choose Auto or a smaller percentage to reduce both axes proportionally.
- Zero spacing does not remove duplicate overlap
- Keep a full-size source copy when text is critical
Combine images FAQ
Answers based on common searches for an image combiner, online image merger, side-by-side maker, vertical photo joiner, and screenshot joiner.
How do I combine images side by side?
Add at least two files, choose Horizontal, drag them into left-to-right order, and select Match heights proportionally for an even row. Adjust the gap, background, margin, and top, center, or bottom alignment before downloading one PNG.
How can I combine images vertically into one long image?
Choose Vertical and arrange the list from top to bottom. Match widths proportionally when sources have different widths, or preserve their original pixel sizes and align them left, center, or right. The preview reports the total long-image dimensions.
Is this screenshot joiner an automatic seamless long screenshot maker?
No. The tool does not inspect images for repeated rows or automatically remove overlaps. Crop duplicated browser bars, navigation, or repeated screenshot content yourself, set the spacing, and inspect every boundary. Calling ordinary stacking an automatic seamless screenshot would be misleading.
Will the image combiner stretch pictures with different sizes?
No. Matching width or height always uses one proportional scale factor for both axes. Original size mode performs no resizing. When the sources leave unused space, alignment and the chosen background color fill the canvas instead of distorting image content.
Can I crop each screenshot before I combine images?
Yes. Select a row and enter how many original pixels to remove from its top, right, bottom, or left edge. Cropping is non-destructive during the session: change the values or use Reset crop to recover the original image area before export.
Can I add more files, delete one, or change their order?
Yes. Add more files with the chooser, file drop, or clipboard at any time. Remove a single row, drag rows into a new sequence, or use the up and down buttons. The preview updates immediately and uses that exact order.
Are captions or sequence numbers added automatically?
No. Both options are off by default so the output contains only the images you selected. Turn numbers on when order matters. Turn captions on and enter a short caption for a selected row only when readers need extra context.
What happens when a combined image is too large for the browser canvas?
Canvas limits vary by browser and device. The Auto setting estimates a safe size and reduces width and height together when the full layout is too large. If a manually chosen percentage exceeds the detected limit, download stays disabled and the tool offers a safe Auto option.
Are my files uploaded when I combine images online?
No image file is uploaded for combining. Decoding, cropping, arrangement, preview, and PNG export happen in the current browser tab. The wider website still uses ads and analytics, so this privacy statement applies specifically to the image-processing workflow.
Which input and output formats does this online image merger support?
When people search merge images online, they usually want to combine images into one file. You can add JPG, PNG, WebP, and GIF files that your browser can decode. Animated GIFs are treated as a rendered still image. The PNG download keeps screenshot text, sharp edges, and small annotations crisp.
Combine images into one clear, ordered result
Arrange screenshots vertically for a guide or put images side by side for an honest comparison.
Preserve aspect ratios, inspect the final pixels, and use safe proportional scaling when the canvas would be too large.
Manual cropping and alignment are included; automatic overlap detection and collage templates are not.