Guides/ Image & Assets
dashboard_customize

How to Make a Photo Collage Online Free (Layouts & Composition)

A good collage turns a handful of unrelated photos into a single visual story. The composition choices — grid vs freeform, spacing, aspect ratios, color harmony — determine whether the result looks intentional or thrown together. This guide covers the decisions that make the difference.

April 2026 · 7 min read

Collage Layout Types

Grid (Equal Cells)

The safest option: divide the canvas into equal rectangles. Clean, modern, works with any set of photos. Typical configurations: 2×2 (four photos), 3×3 (nine), 2×3 (six for portrait layout), or a single row/column for horizontal stories.

Hierarchy (One Hero + Supporting)

One large image with smaller images arranged around it. Tells a clear visual story with a lead subject. Best when one photo is clearly the "star" of the set.

Mosaic (Variable Sizes)

Like Pinterest — photos flow in a grid but each can be different height. More organic than strict grids, accommodates photos of different orientations. Harder to align, but more visually interesting.

Freeform / Scrapbook

Photos overlap at various rotations. Creative, casual, harder to do well. Works for personal memory collages, travel albums, and moodboards. Requires color/lighting coherence to avoid chaos.

Split Screen

Two photos in direct comparison (before/after, then/now, A/B). Diagonal splits feel more dynamic than straight vertical/horizontal ones. Works well with a small gap between sections.

Choosing Photos That Work Together

A collage succeeds when the photos feel like they belong together. Aim for at least one of these unifying factors:

  • Same color palette — photos with overlapping dominant colors feel harmonious. A warm sunset set pairs better than mixing warm sunsets with cool snow scenes.
  • Same subject type — all portraits, all landscapes, all product shots. The implicit "category" unifies them.
  • Same location / event — even visually varied photos feel unified if they're clearly from one moment.
  • Same processing — all black and white, all with the same filter preset, all with the same contrast. A global filter pulls disparate photos together.
  • Same time of day — golden hour photos harmonize regardless of subject. Blue hour photos too.

Spacing (Gap Between Photos)

GapFeelUse Case
0px (no gap)Seamless, editorialMagazine-style collages, image-heavy stories
2-4pxClean, modernInstagram grids, social media layouts
8-12pxPolaroid-like separationTravel albums, moodboards
20px+Each photo feels independentThick white-border scrapbook style

Aspect Ratios for Different Outputs

DestinationCanvas RatioDimensions
Instagram square post1:11080 × 1080
Instagram portrait post4:51080 × 1350
Story / Reels / Pinterest9:161080 × 1920
Facebook post1.91:11200 × 630
Print 8×10"4:52400 × 3000 (300 DPI)
Letter paper8.5:112550 × 3300 (300 DPI)

Composition Principles

  • Balance weight — if you have three landscapes and one portrait, don't put the portrait in a corner. Place it where it balances the visual mass of the other three.
  • Avoid similar subjects adjacent — two close-ups of faces next to each other create awkward size comparisons. Alternate wide shots with close-ups.
  • Consider gaze direction — photos of people looking in a direction should "look into" the collage, not out of it.
  • Use the rule of thirds on the whole canvas — place the most interesting photo at an intersection of a 3×3 grid of the canvas.
  • Don't overcrowd — 4-9 photos is ideal. 12+ starts to look like a contact sheet rather than a composition.

Color Harmony Across Photos

If your photos have different white balances, apply a global color correction before committing to the collage. A few quick adjustments:

  • Unify temperature — all warm or all cool. Mixed temperatures look amateurish.
  • Match saturation — bring all photos to similar vibrancy. One hyper-saturated photo among muted ones feels out of place.
  • Match contrast — similar contrast levels make the set feel like a series.
  • Consider applying the same filter/preset to all photos before collaging them.

Borders and Backgrounds

A thin white or colored border around each photo (or just outside the full collage) adds polish. 4-8px borders are classic. Go larger (20-40px) for a "polaroid" look. For print, a 1-2cm white margin around the whole collage is standard.

Background color: white (clean, gallery feel), black (dramatic, portfolio), or a soft color pulled from the photos themselves. Avoid bright colors that fight with the photos.

Frequently Asked Questions

How many photos should be in a collage?
4-9 is the sweet spot for most purposes. Social media works well with 2×2 or 3×3 grids. Portfolios can use 6-12. Scrapbook layouts can go higher but require strong composition skills to avoid clutter.
Should photos be the same orientation?
For clean grids, yes — all portrait or all landscape. For mosaic/hierarchy layouts, mixing works if you vary cell sizes accordingly. Alternating orientations in a strict grid usually looks awkward.
Can I make a transparent-background collage?
Yes — export as PNG with the canvas background set to transparent. Useful when overlaying the collage on another design. Each photo cell will have a defined edge; only the space between photos becomes transparent.
What resolution should I export at?
For web/social media, 1080-2048px on the longest edge is plenty. For print, calculate 300 DPI × inches — an 8×10" print needs 2400×3000 pixels minimum.
How do I prevent photo quality loss in the collage?
Use high-resolution source photos (larger than the cell size). Avoid upscaling small photos to fill cells — the result is blurry. Export the final collage as PNG for lossless, or JPG at 90%+ quality for smaller files.

Free reference

The 47 Tools Cheat Sheet

One printable page with every tool on this site, what it does, and when to reach for it. Free. It asks for an email so Gumroad can send you the file, unlike the tools themselves.