Merge images into one file
Put screenshots, diagrams, or photos into one tall or wide image. Arrange the files in reading order, choose how much space to leave between them, and set the shared width or height.
The images stay in your browser while you work. Review the preview and output dimensions before downloading a PNG or JPG copy.
Add 2–8 still JPG, PNG or WebP images. Up to 10 MiB each and 40 MiB total. Files stay in your browser.
How do I join images into one?
- Choose or drop 2–8 images.
- Move images earlier or later to set their order, then choose a vertical or horizontal layout.
- Set a shared dimension, the spacing and background. Select Merge images, check the preview, and download it.
A vertical layout scales images to the same width; a horizontal layout scales them to the same height. Each image keeps its proportions, so no content is cropped.
Are there image size limits?
Each image can be up to 10 MiB and 12 megapixels. All inputs together can be up to 40 MiB and 24 megapixels. The merged output is limited to 12 megapixels and 12,000 pixels on either edge. If it exceeds a limit, reduce the shared dimension or use fewer images.
Should I choose PNG or JPG?
Choose PNG when you need transparency, and select Keep transparent background and gaps. JPG fills transparent areas with the selected background color and re-encodes the image. Enlarging does not add detail that was not in the source.
Are images uploaded?
Images are processed in your browser and are not uploaded or saved to this site. Clear all or close the page to remove them; you will need to choose the files again later. This tool accepts still JPG, PNG and WebP images. It does not animate images or automatically stitch a panorama.
Need one PDF with several images?
This tool creates a single image. To place several images in one PDF, use Image to PDF. To remove unwanted edges first, use Image crop and resize.
Join Screenshots Into One Image People Can Follow
Back to toolDecide whether the images should read vertically or horizontally
Choose a vertical layout when people should read from top to bottom, such as a sequence of app screens or steps in a process. Choose horizontal when the images belong in one left-to-right comparison strip. The order in the list becomes the order in the final image.
For example, place three screenshots of a checkout flow in the order a user sees them. A vertical strip is usually easier to follow on a phone; a horizontal strip can make differences between three versions easier to compare on a wide screen. The tool combines files into a flat image and does not add labels or page numbers for you.
This is a simple image strip, not a collage layout. If you need mixed cell sizes or a designed arrangement, use a collage tool. If you need the images as separate pages in a document, use image to PDF instead.
Prepare files with compatible dimensions
Add 2 to 8 still JPG, PNG, or WebP images. Each input can be up to 10 MiB, 12 megapixels, and 12,000 pixels on either edge. The combined inputs can be up to 40 MiB and 24 megapixels. The output is separately limited to 12 megapixels and 12,000 pixels per edge.
In a vertical strip, each image is scaled to the shared width while keeping its proportions. In a horizontal strip, each is scaled to the shared height. The other dimension varies, so source images with different proportions will not all have the same height or width.
For a readable sequence, prepare screenshots at similar widths before adding them. For a comparison, keep a consistent subject and framing across files; otherwise differences in crop or scale can be mistaken for differences in the content.
Set the order, shared dimension, and spacing
Reorder the image list before creating the result. Set the shared width for a vertical strip or the shared height for a horizontal strip. The available dimension range is 1 to 4,000 pixels, and each source image keeps its aspect ratio when scaled.
You can add a gap from 0 to 100 pixels between images. The gap appears between neighboring images; the tool does not add an outer margin around the whole strip. If you need a border around the result, add it in another editor after merging.
For two 1000 × 600 screenshots in a vertical strip, set the shared width to 1000 pixels. With no gap, the result is 1000 × 1200 pixels; a 20-pixel gap makes it 1000 × 1220. The preview shows the planned arrangement, but check the generated dimensions when the exact size matters.
Choose how transparent areas are saved
PNG can keep transparent pixels in the source images and in the gaps. Use it when the strip will sit on a page or design with its own background.
JPG cannot store transparency. Transparent source areas and gaps are filled with the selected background color before the new image is encoded. JPG is a lossy format, so edges and fine details may look different from the originals.
Changing format creates a new image file; the output is not a byte-for-byte copy and should not be relied on to retain all source metadata. Keep the original files if you may need to edit them again.
Inspect the combined image at its intended size
Check that the first and last images are in the intended positions and that no screenshot was skipped or repeated. Zoom in on text, thin lines, and joins between images. A sequence that looks clear when enlarged may be difficult to read when displayed at phone width.
The combined width and height can exceed the shared dimension because the other side varies with each image's proportions. If the output is too large for its destination, lower the shared dimension or reduce the source images first. This tool does not target a specific file size in KB or MB.
Images are processed in your browser and are not uploaded to this site. Download the result you want to keep; the page is not a permanent file store.
Questions about merging images
Why do the images have different heights in a vertical strip?
The tool makes their widths match and preserves each image's aspect ratio. Images with different proportions therefore have different heights. Crop them to a consistent ratio first if equal heights are required.
Can I set a margin around the outside?
The spacing setting adds gaps only between neighboring images. It does not create an outer margin. Add a border or canvas in an image editor if the finished strip needs space around its edge.
Will PNG transparency remain in the result?
Choose PNG to keep transparent areas. With JPG, transparent pixels and gaps are filled with the chosen background color.
Input and output limits
Use 2–8 still JPG, PNG, or WebP files. Each input is limited to 10 MiB, 12 megapixels, and 12,000 pixels per edge; all inputs together are limited to 40 MiB and 24 megapixels. The generated image is limited to 12 megapixels and 12,000 pixels per edge. Shared width or height can be set from 1 to 4,000 pixels, with a 0–100 pixel gap. Animated images, HEIC, SVG, and PDF files are not supported.
Updated