Collage Maker

Build a photo collage from up to ten pictures in your browser. Pick a grid or an asymmetric layout, then zoom, pan, crop, flip or rotate each photo inside its box, adjust spacing, background, borders and rounded corners, and export a sharp PNG or JPG.

Collage & Layout Runs in your browser

Create Your Photo Collage

JavaScript is required. This tool runs in your browser, so please enable JavaScript to use it. The instructions below are still available.

Images (up to 10)

Drag and drop up to 10 images here, or click to browseAccepted: JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF, HEIC, HEIF. Up to 15 MB each.

Your images (0 of 10)

No images yet. Add up to 10 with the upload area above, drop files on an empty slot, or paste an image with Ctrl+V (⌘V on a Mac).

Click, tap or Tab to an image and press Enter to select it. Drag a selected image (or use the arrow keys) to reposition it, pinch, scroll or press + and − to zoom, and [ or ] to rotate. Drag the ⠿ handle onto another slot to swap images. Ctrl+Z undoes, Ctrl+Shift+Z redoes.

Suggested for 1 image

Other layouts

Switching keeps your images and edits. Images that do not fit go to the Unplaced images tray.

Framing

Fill (cover)Fit (contain)

Zoom 100%

Horizontal position 0

Vertical position 0

Rotate and flip

Fine rotation 0°

Crop edges

Crop left 0%

Crop right 0%

Crop top 0%

Crop bottom 0%

Move to slot (swaps with the image there)

Canvas aspect ratio

Canvas width (px)Spacing, padding, border and radius are measured in pixels at this width.

Image gap 16 px

Canvas padding 16 px

Corner radius 0 px

Background colour

Transparent background (PNG only)

Show border

Export

Empty slots in the export

Format

JPG quality 92%

Output size

How to Use the Collage Maker

Add up to 10 images with the upload area, by dropping them on an empty slot, or by pasting with Ctrl+V. They are placed into a suggested template in the order you added them.
Open Templates to choose another grid or asymmetric layout. Images that no longer fit move to the Unplaced images tray instead of disappearing.
Select a photo (click, tap, or Tab and Enter) and use Selected image to zoom, reposition, crop, fit or fill, flip and rotate it. Drag the ⠿ handle or use Move to slot to swap photos.
Use Collage settings for aspect ratio, gap, padding, background, border and corner radius, and choose PNG or JPG plus the output size.
Check the result with Preview, then press Export collage and download the file.

About This Tool

Anyone putting together a holiday grid, a product line-up, a before-and-during sequence, a social media post or a school project, without installing an app or creating an account.

Input: JPG, PNG, WebP, GIF (first frame), BMP; AVIF/HEIC where the browser can decode them · Output: PNG or JPG.

Features and Limitations

Features

More than 40 templates for 1 to 10 images: 2×1, 1×2, 2×2, 3×2, 2×3, 3×3, 4×2, 5×2 and asymmetric layouts such as one large plus small, L-shapes, mosaics, featured centre, filmstrip and magazine.
Per-image zoom (50–400%), pan, edge crop, fit or fill, horizontal and vertical flip, 90° rotation both ways and fine rotation, with Reset image and Replace image.
Mouse, touch (drag to pan, pinch to zoom) and full keyboard control, with changes announced to screen readers.
Undo and redo for every edit (buttons, Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z), Reset collage that keeps your images, and Clear all with confirmation.
Gap, padding, background colour or transparency, solid, dashed, dotted or double borders, corner radius and 1:1, 4:5, 16:9, 9:16 or custom aspect ratios.
Editing uses light working copies for speed; the export re-reads your original files so the final image is full quality.

Limitations

A collage holds at most 10 images, each up to 15 MB. Extra files are not added and the page tells you how many were skipped.
HEIC and AVIF photos only work in browsers that can decode them (for example Safari for HEIC). Otherwise convert them to JPG first.
Animated GIFs contribute only their first frame.
Exports are limited to 16,384 px per side and 64 megapixels so the browser does not run out of memory.
Processing happens on your device, so very large files depend on your browser's available memory.

Example

Four 4000 × 3000 px holiday photos on the 2×2 grid at a 1:1 ratio, 2000 px wide with a 16 px gap, export as a 2000 × 2000 px PNG; switch the output size to 200% for 4000 × 4000 px.

Frequently Asked Questions

Are my photos uploaded?

No. The collage is drawn with your browser's canvas. Your pictures never leave your device and nothing is stored after you close the page.

What happens to my photos when I switch templates?

They stay in the collage with their zoom, crop and rotation. If the new template has fewer boxes, the extra photos move to the Unplaced images tray, from where you can drag or place them back.

Can I leave a box empty?

Yes. In the editor it shows an Add image button. In the export you can fill it with the background colour, collapse the layout so only filled boxes remain, or (for PNG) leave it transparent.

Why is my export sharper than the editor?

The editor works with reduced copies to stay fast. The export re-decodes each original file, so detail is kept up to the output size you choose.

Can I use it without a mouse?

Yes. Tab to a photo and press Enter to select it, use the arrow keys to move it, + and − to zoom, [ and ] to rotate, Delete to move it to the tray and Escape to deselect. All panel controls are standard buttons, sliders and lists.