Template collage makers give you a fixed set of boxes and squeeze each photo into one. Whatever doesn't fit gets cut off. With a mix of portrait and landscape photos, that means cropped heads, missing horizons, and group shots with someone sliced off the edge.
There's another approach: let the photos set the layout. Two layouts do this without cropping a single pixel.
Layout 1: justified rows
This is what Google Photos, Flickr, and most photographer portfolios use. Photos sit in rows. Every photo in a row has the same height, and each row fills the full width.
How the math works:
- Pick a target row height, say 320 px.
- Add photos to a row one at a time. At that height, each one is height × (width ÷ height) wide.
- Once the row is at least as wide as the canvas, stop and scale the row down so it fits exactly. Because everything in the row scales together, nobody is cropped. They just get a little smaller.
- Start the next row.
Shorter target rows fit more photos per row. A good starting point is a row height of about a quarter of the canvas width.
Best for: sets with lots of landscape shots — travel, events, and the like.
Layout 2: masonry columns
Photos stack into columns of equal width, and each new photo goes into whichever column is currently shortest. Columns end at slightly different heights, but nothing is cropped.
Best for: mostly portrait photos, product shots, and outfit or style references.
What about a fixed grid of equal squares?
That's the one layout that has to crop, since every photo is forced into the same shape. It's fine for very uniform sets, like twelve product shots on white. For real-life photos, rows or masonry almost always look better.
Getting a collage that looks finished
- Order matters more than layout. Put the strongest photo first or in the middle, and avoid two near-identical shots side by side.
- Sort by color for a calm result. Ordering photos by hue makes a collage read as one gradient rather than a jumble. The collage maker does this in one click.
- Gaps: about 1% of the width (12 px on 1200 px) looks clean. No gap reads as a single mosaic. Large gaps with a white border read as "prints on a wall".
- Rounded corners suit screens. Square corners suit print and editorial layouts.
- Background: white or off-white for print. A dark or brand color for social, where it frames the collage against the app's own background.
Size and format
| Where it's going | Export width | Format |
|---|---|---|
| Instagram, WhatsApp, Facebook | 1080 px | JPG |
| Website or blog | 2160 px | JPG, or PNG for graphics |
| Print up to ~13 in / 34 cm wide at 300 dpi | 4096 px | PNG or maximum-quality JPG |
| Large print (poster) | 4096 px | Expect ~150–200 dpi at 20–27 in. Fine at viewing distance. |