C
Chaudify
Searching...
No tools found

Image Combiner — Join Images Into One

Combine several images into one picture — stacked, side by side or in a grid — with exact control over gaps, padding and background.

Runs in your browser — nothing is uploaded. Verify it

About the Image Combiner — Join Images Into One

This image combiner joins several pictures into one file — stacked into a column, lined up in a row, or arranged in a grid — and it does the work inside your browser, so nothing is uploaded to a server. What separates it from the other combiner sites is that you can see the result before you download it: every gap, every padding value and every background colour repaints the preview as you change it, at the same proportions as the file you get. There is no account, no watermark, and no 10 MB ceiling.

Combining images is usually the last step before something goes out — two screenshots into one image for a bug report, the front and back of a document into one page, four product shots into one listing image, a before and after side by side. Those are exactly the files people are least willing to upload to an anonymous site: an unredacted screenshot, a passport, a client’s product. Here the composition happens on a canvas in the tab, and the only thing that leaves is nothing at all.

How to use the Image Combiner — Join Images Into One

  1. Drop your images onto the page, or click Select Images. You can add more at any point, and the order they appear in is the order they are combined.
  2. Choose a layout. Stack vertically puts every image at the width of the widest one, so the result is a clean column. Line up horizontally does the same on the other axis. Grid lays them out in cells and centres a short final row.
  3. Set the gap between images and the border padding. Both are in pixels and both are exact — a gap of 24 is 24 pixels in the downloaded file, not a percentage of something.
  4. Pick a background: white, black, light or dark grey, transparent for PNG and WebP, or any hex colour. Then choose the output format and, for JPEG or WebP, the quality.
  5. Check the preview and the size readout under it, then click Download combined image. The file is produced at full resolution, whatever size the preview was drawn at.

What each layout does, image by image

LayoutSizing ruleResulting canvas
Stack verticallyEvery image scaled to the width of the widest image; heights follow each aspect ratioWidth = widest image, height = sum of the heights + gaps + padding
Line up horizontallyEvery image scaled to the height of the tallest image; widths followHeight = tallest image, width = sum of the widths + gaps + padding
GridEvery cell is the width of the widest image; each image is scaled to that width and centred verticallyWidth = columns x cell width + gaps + padding; a short last row is centred
Output scaleMultiplies the whole canvas; 200% doubles both dimensions exactly25% to 400%
Gap and paddingWhole pixels in the output file, not percentages0 to 400 px each
BackgroundPainted before the images are drawn; transparent leaves PNG and WebP alpha intactPresets, any hex colour, or transparent
JPEG outputNo alpha channel, so a transparent background is filled whiteQuality 50 to 100
Batch and canvas limitsRefused with the size it would have been and the scale that would fit50 images, 40 megapixels, 16,384 px per side

Nothing is cropped in any layout and no aspect ratio is ever distorted. An image is enlarged only when it is narrower than the widest image in the batch, which is the one consequence of the width-follows-the-widest rule worth knowing before you start.

Frequently asked questions

Are my images uploaded to a server?

No. Each image is decoded by your browser and drawn onto a canvas in the tab, and the file you download is produced from that canvas. There is no upload step to skip and no temporary copy anywhere else — which is the difference between this page and one that promises to delete your files after an hour. The only network requests the page makes are for the page itself and its script; if you disconnect the network after the page has loaded, the tool still combines images.

What exactly does each layout do to images of different sizes?

Three rules, and none of them crop. Stack vertically scales every image to the width of the widest image in the batch, so heights follow each image’s own aspect ratio and the column has clean edges. Line up horizontally does the same thing on the other axis: every image gets the height of the tallest one. Grid makes every cell the width of the widest image, scales each image to that width, and centres it vertically in its cell — a final row that is not full is centred too. The consequence is worth knowing: an image is only enlarged if it is narrower than the widest image in the batch, and nothing is ever stretched out of shape.

Why is there no field for the output width in pixels?

Because a width field is a question you cannot answer until you have seen the result, and most combiners make you download the file to find out what you chose. Here the size follows from the images themselves and is printed under the preview before you commit to anything, and the Output scale slider multiplies the whole result if you need it bigger — 200% doubles both dimensions exactly. If you need a specific width, the honest route is Image Resizer on the combined file, which asks for that width once and shows you what it did.

Is there a limit on how many images or how large the result can be?

Fifty images per batch, and a combined canvas of 40 megapixels or 16,384 pixels on a side — the point where browsers stop rendering a canvas reliably rather than degrading gracefully. Both limits are refused with the numbers rather than silently truncating: if a combination would come out at 60 megapixels, the message says so and suggests the scale that would fit. Fifty-one images is not a wall either: the result of one combination is itself an image, so it can be combined again.

Can I combine HEIC photos from an iPhone?

Not directly, and the tool says so by name instead of failing with a generic error. Chrome and Firefox have no HEIC decoder, so a .heic file is refused with a message pointing at the HEIC to JPG converter on this site, which runs in the browser as well. Convert first, then combine the JPGs — the conversion is lossless in geometry, so the combination is unaffected.

What happens to transparent images, and to JPEG output?

A PNG or WebP with transparency keeps it: choose the transparent background and the gaps, padding and any area around a smaller image stay empty, which is what you want for a logo strip or a layered asset. JPEG has no alpha channel at all, so choosing JPEG with a transparent background fills those areas white and the note under the preview says so — the alternative would be black, which is what you get from a tool that does not think about it. The preview always shows the file you are about to download, including that matte.

Can I change the order of the images?

Yes, and order matters most in the vertical and horizontal layouts. Each thumbnail has a pair of arrows that move it one place earlier or later, and there is a Reverse order button for the common case of picking files in exactly the wrong sequence. The number on each thumbnail is its position in the combined image, so the mapping is visible rather than implied.

Does combining images reduce their quality?

Only if you ask it to. With PNG and an output scale of 100% the pixels are copied at their original size, so a 1200-pixel-wide photo stays 1200 pixels wide. Images that are being reduced are stepped down in halves rather than in one jump, which is the difference between a sharp edge and a soft one. JPEG and WebP re-encode, so the quality slider applies; at 92% the difference is not visible on a photograph and the file is far smaller. Combining a batch of images that are all the same size at 100% and saving as PNG is a lossless operation.

Guides

More Image tools