Collage Maker

This collage maker arranges 2 to 9 of your photos into one picture — a side-by-side pair, a 2 × 2 or 3 × 3 photo grid, or one big photo with smaller ones around it — and saves it as a single JPG or PNG. It is for making an Instagram post, a story, a before-and-after, or a printable A4 page of photos without installing an app, creating an account or uploading your pictures.

Pick the photos, and the layouts that hold exactly that many appear in the Layout menu: 23 in all, from two side by side to 1 big + 8. Choose a canvas size — square 1080 × 1080, portrait 4:5 at 1080 × 1350, story 1080 × 1920, landscape 1920 × 1080, or A4 at 150 pixels per inch (1240 × 1754, or 1754 × 1240 in landscape) — then set the spacing between photos (0–200 px), rounded corners and the background colour that shows in the gaps.

The cell maths is exact. Each layout is a grid of equal tracks; grid lines are rounded to whole pixels and every cell starts on one line and ends exactly one gap before the next, so all gaps are the same width, the outer margin equals the spacing, and no cell overlaps another or runs off the canvas. On a 1080 × 1080 square with 10 px spacing, a 2 × 2 grid gives four 525 × 525 cells.

Each photo fills its cell the way CSS object-fit: cover does: it is scaled until it covers the whole cell, keeping its proportions, and whatever sticks out is cropped. A landscape photo in a tall cell therefore loses its sides. Drag a photo in the preview to choose which part shows, use the Zoom slider (1× to 4×) to crop tighter, and use Swap with, or the up and down arrows in the photo list, to change which photo goes in which cell. With a keyboard, Tab to a photo's number and use the arrow keys.

Memory is kept small on purpose. While you arrange the collage, only a copy of each photo at most 1,024 pixels on its longest side is held, and the original decoded image is released straight away. When you click Create collage, each original file is decoded again, one photo at a time, and only the part visible in its cell is copied — at up to twice the cell's size — before being drawn, so the saved collage uses the full resolution of your originals even at 4× zoom, as far as the original has the pixels. No collage is larger than about 2.2 megapixels (A4 is 1240 × 1754), well inside the 16.7-megapixel drawing limit of iPhone and iPad browsers. JPG output uses quality 92 by default; PNG is lossless.

Everything happens in your browser: the photos are decoded, cropped and drawn on a canvas on your device and the result is offered as a download. You can confirm in your browser's developer tools (Network tab) that no request carries your photos. The site does load Google Analytics, but your pictures are never part of any request.

1. Each file's first bytes are checked to confirm it is a PNG, JPG, WebP, GIF, BMP or AVIF image; files over 50 MB are refused before being read. Up to 9 photos are kept. 2. Each photo is decoded upright (EXIF orientation applied) and a copy at most 1,024 px on its longest side is kept for the live preview; the decoded original is released. 3. Cells: for a layout with n columns on a canvas W wide with spacing g, grid line k sits at round(g + k × (W − g) / n). A cell spanning columns a to b starts at line a and ends g pixels before line b. Rows work the same way with the height. 4. Cover fit: scale = max(cell width / photo width, cell height / photo height) × zoom. The visible part of the photo is cell size ÷ scale; pan moves it between the photo's edges (−1 = left/top edge, 0 = centre, +1 = right/bottom edge). 5. Saving: the canvas is filled with the background colour; then, one photo at a time, the original file is decoded again, the visible rectangle from step 4 is copied at up to 2× the cell size, and that copy is drawn into the cell, clipped to corners rounded to at most half the cell's shorter side. The canvas is encoded as JPG or PNG named collage-<width>x<height>.