Photo collage maker — combine 2 to 4 pictures on one canvas

Choose two to four photos, pick a layout and a canvas size, and the tool fills each frame with a centred crop of a photo and saves one collage image.

Live demo · real result from this tool

Drop images here

or paste with Ctrl+V · nothing is uploaded

Your result appears here — processed on your device.

Processed on your device — nothing is uploaded.

How to use the collage maker

  1. Choose 2 to 4 images. Their order in the list is their order in the collage.
  2. Pick a Layout: Grid / big left, One row or Stacked.
  3. Set Width and Height of the whole collage in pixels.
  4. Set the Gap (0 to 80 px) and the Background colour that shows in the gaps.
  5. Choose Save as (JPEG by default) and Quality, then press Make collage.

What it does and when to use it

It places a few photos on one canvas of a fixed size: a before-and-after pair, three product angles, four holiday shots for one post, or two faces side by side for an invitation. The exact canvas size means the result fits the slot it is made for without a second resize.

The layouts change with the number of photos:

Photos Grid / big left One row Stacked
2 side by side side by side one above the other
3 one tall on the left, two on the right three columns one wide on top, two below
4 2 × 2 grid four columns 2 × 2 grid

To cut one picture into tiles instead, use the image splitter. To add a caption under the finished collage, try Image Caption, and for a frame around it, the image border tool.

How it works

The collage is built in a background worker on your device; no photo is uploaded. The canvas is filled with the background colour. For each frame the tool works out its rectangle, leaving a full gap at the outer edges and half a gap on each side of an inner join. Each photo is then cropped from its centre to the frame’s shape and scaled to fit exactly, the way CSS object-fit: cover works. Phone photos are turned upright using their EXIF orientation first.

Worked examples

These frame sizes come from the tool’s layout function.

  • Four photos, Grid, 1600 × 1200, gap 12. Each frame is 782 × 582 px. The top-left one starts at 12, 12 and the bottom-right one at 806, 606.
  • Three photos, Grid / big left, same canvas. The left photo gets a tall 782 × 1176 frame, and the two on the right get 782 × 582 each.
  • Three photos, One row, 2400 × 800, gap 12. Frames of 782, 788 and 782 px wide, all 776 px tall. The middle frame is a little wider because it has two half gaps instead of a full outer one.

Limits and tips

  • JPEG output cannot be transparent. The background colour fills the gaps.
  • Large canvases at high quality make large files; 85–90% quality is usually enough for screens.
  • If one photo is portrait and the frame is landscape, a lot will be cropped. Use Stacked or a taller canvas.

Frequently asked questions

Why are parts of my photos cut off?
Each photo is scaled to fill its frame completely and then cropped from the centre, like a frame cut-out. If a frame is wider than the photo, the top and bottom are trimmed. Choose a canvas shape close to your photos, or crop them first so the important part is in the middle.
Can I use more than four photos?
No. The first four images in your list are used and the tool tells you that the rest were skipped.
What size should I choose?
Pick the size of the place it will be shown. 1080 × 1080 suits a square post, 1600 × 1200 is a 4:3 print-style shape, and a wide 2400 × 800 suits three photos in a row. Width and height can each be 100 to 8,000 px.
Does the gap appear at the edges too?
Yes. The outer border is as wide as the gap, and the space between two photos is also one gap wide, so the spacing looks even all round.

Written by the ToolsRift team · Last updated

Pages are drafted with AI assistance and checked by automated tests. How we write and check pages.

Was this tool useful?

Report a problem

Start typing to search every tool.

↑ ↓ to moveEnter to openEsc to close