Photo Collage Maker

Combine multiple photos into a beautiful collage. Choose from 9 layouts, adjust gaps, border radius and output size, then download a full-resolution PNG — no upload needed.

photo collage maker collage generator combine photos image grid photo layout instagram collage collage download social media collage
Free Client-Side Private
Layout
Photos (0 / 1)
Output size
Style
Gap between photos 8 px
Border radius 0 px
Outer padding 0 px
Photo fit
Cover fills the cell; Contain fits the whole photo inside.
Select a layout and add your photos to get started.
🔒 This tool runs entirely in your browser — your files are never uploaded to any server.

Combine multiple photos into a single polished collage — choose from 11 layouts, set the output size for any social platform, and download a full-resolution PNG directly in your browser.

How to use

  1. Choose a layout from the layout grid — Single, Side-by-Side, Grid, Hero, Mosaic, 10-photo, or 20-photo.
  2. Add photos by clicking any slot card, using the Add photos button, or dragging and dropping images onto a slot or the preview canvas.
  3. Pick an output size — Square, Portrait, Story, Landscape, 4K, or A4 Landscape.
  4. Adjust style — gap between photos, border radius, outer padding, background color, and photo fit mode.
  5. In Cover mode, drag directly on a photo in the preview to reposition it within its cell (pan left, right, up, or down).
  6. Click Download PNG to export the collage at full resolution.

Available layouts

  • Single — one full-frame photo
  • 2 × Side — two photos side by side
  • 2 × Stack — two photos stacked vertically
  • 3 Columns — three equal columns
  • 3 Rows — three equal rows
  • 4 Grid — 2×2 equal grid
  • Hero Left — one large photo on the left, two smaller on the right
  • Hero Right — two smaller on the left, one large on the right
  • 5 Mosaic — two photos on top, three smaller on the bottom
  • 10 Grid — 2 rows × 5 columns (10 photos)
  • 20 Grid — 4 rows × 5 columns (20 photos)

Repositioning photos (Cover mode)

When Cover fit is selected, each photo is cropped to fill its cell. To adjust which part of the photo is visible, drag on the photo in the canvas preview. Moving left/right or up/down shifts the crop window — ideal for keeping faces or key subjects centered.

Style options

Option Description
Gap Pixel spacing between cells (0–60 px)
Border radius Rounded corners on each cell (0–80 px)
Outer padding Space between the edges and the photos
Background color Color shown in gaps and padding areas
Cover Each photo fills its cell, cropped to fit
Contain Each photo fits entirely inside its cell (letterboxed)

Output sizes

  • Square — 1080 × 1080 px (Instagram, Facebook, Twitter)
  • Portrait — 1080 × 1350 px (Instagram feed, 4:5)
  • Story — 1080 × 1920 px (Instagram & Facebook Stories, TikTok)
  • Landscape — 1280 × 720 px (Twitter / X, YouTube)
  • 4K — 3840 × 2160 px (ultra-high quality prints or wallpapers)
  • A4 Landscape — 3508 × 2480 px (print-ready A4)

Use cases

  • Creating photo collages for Instagram, Facebook, or LinkedIn
  • Designing product showcase grids for e-commerce
  • Making photo story collages for events and travel memories
  • Preparing print-quality photo grids (A4 or 4K)
  • Combining before-and-after images for social media

FAQ

Are my photos uploaded to a server?

No. All processing happens entirely in your browser using the HTML5 Canvas API. Your photos never leave your device.

What image formats can I use?

Any format your browser supports — JPEG, PNG, WebP, GIF, BMP, and AVIF are all accepted.

What is the difference between Cover and Contain?

Cover scales each photo so it completely fills its cell, cropping the edges if the photo aspect ratio does not match. Contain scales the photo to fit entirely inside the cell, which may leave empty space filled with the background color.

How do I reposition a photo within its cell?

Select Cover fit, then click and drag on the photo in the canvas preview. The photo pans in the direction you drag. Touch-drag is also supported on mobile devices.

Can I reorder photos after adding them?

Click the × on a slot to remove a photo, then add a new one. Drag and drop directly onto individual slots to replace specific photos.

Is the output lossless?

The downloaded file is a PNG, which is lossless. No additional compression is applied by the export step beyond what was already in the source photos.

Report an issue