How to Make a Photo Collage Online — Free Grid Layouts
One photo tells a moment. Four photos side by side tell a story. Nine in a grid tell a whole trip. Getting them into a single image shouldn't require Photoshop.
What a Collage Actually Needs
Most collage tools online bury you in templates — hearts, circles, diagonal splits, overlapping frames with drop shadows. It looks like a scrapbook designed by committee. What actually works for most use cases is a grid: clean rows, clean columns, consistent spacing. The kind of layout that lets the photos do the talking.
Try it free: Collage Maker — Combine multiple photos into a single layout. Runs in your browser, no signup needed.
A good collage tool needs three things. A grid that fits your photo count. Control over the gaps and borders. And an output size that doesn't pixelate when you post it. Everything else is noise.
Eleven Layouts for 2–9 Photos
The Collage Maker offers 11 grid layouts, and the right one depends on the photo count and the story you're telling.
Two photos: side-by-side (horizontal) or stacked (vertical). Side-by-side is the classic before/after. Stacked works for tall subjects — portraits, buildings, full-body shots. The Image Comparison Slider is better if you want an interactive before/after, but a static side-by-side collage is what you need for sharing on platforms that don't support interactive embeds.
Three photos: row, column, or 1-top-2-bottom. The 1+2 layout is underrated — it gives the hero image more visual weight, with two supporting shots below. Event photographers use this constantly: one wide shot of the venue, two detail shots underneath.
Four photos: the 2×2 grid. It's the most universally useful layout. Square output, equal emphasis on each photo. It works for everything from real estate listings (four rooms, one image) to product photography (four angles).
Five to nine: asymmetric and full grids. 2+3 (two top, three bottom) gives the top row more prominence. 2×3 and 3×3 are pure grids — democratic, no hierarchy. 3+4 is unusual but works when you want a top row of wide shots and a bottom row of detail crops. The 2×4 layout is long and narrow — good for horizontal timelines or sequential steps.
The Aspect Ratio Problem
Here's what trips people up with every collage tool: your photos aren't all the same shape. One is a landscape from a DSLR. One is a portrait from a phone. One is a square crop from Instagram. Drop them into a grid, and the tool has to make a decision — either add black bars to fill empty space, or crop into each photo to fill its cell.
This tool uses cover-fit. Every photo is scaled up until it completely fills its grid cell, and the overflow is cropped from the center. No empty bars, no letterboxing. The grid always looks clean.
The tradeoff is obvious: if your subject is off-center, part of it gets cut. A portrait where someone stands on the far left will lose them in a square cell. The fix is simple — pre-crop with the Image Cropper before adding the photo to the collage. Center your subject, match the cell's rough aspect ratio, then add it. Takes ten seconds per image and saves you from wondering why half of someone's face disappeared.
Combine 2–9 photos into grid layouts with adjustable spacing, borders, and drag-to-reorder.
Make a Collage →Gaps, Borders, and Background Color
Spacing is the difference between a collage that looks intentional and one that looks like a screenshot of a file manager. The gap slider controls the space between cells (0 to 60 pixels). The border slider controls the outer padding around the entire collage.
Zero gap produces a continuous mosaic — photos touching edge to edge. It looks bold and editorial but only works when the photos share similar tones. If one image is bright and the next is dark, the hard cut between them is jarring.
A 10–20 pixel gap with white background is the safe default. It's clean, printable, and works on every platform. Black background with thin white gaps is the gallery/portfolio look. Colored backgrounds — match your brand or the dominant color in the photos. The Color Picker can pull the exact hex value from one of your images if you want the background to harmonize.
For social media, white gaps look best on light-mode feeds and black gaps on dark-mode feeds. Since you can't control which mode your audience uses, white is the safer bet.
Drag, Reorder, Iterate
The order photos appear in the grid matters more than you'd expect. A collage with the strongest image in position 1 (top-left) draws the eye immediately. Put the weakest photo there and the whole grid feels flat.
The thumbnail strip below the upload area supports drag-and-drop. Grab a photo, drag it onto another, and they swap positions. The preview updates instantly. You can also remove individual photos by hovering and clicking the × button, or add more images at any time without losing your current arrangement.
A practical approach: upload all your photos first, then spend thirty seconds rearranging. Put the most visually striking image in the top-left cell. Put the most colorful image in the bottom-right — it creates a diagonal flow. Keep similar-toned photos apart so adjacent cells contrast enough to read as separate images.
Output Size and What Comes Next
Four export sizes: 1080px for social media and messaging apps, 1920px for HD screens and websites, 2560px for high-resolution displays, and 3840px for 4K and print. The height is calculated automatically based on the grid layout — a 3×3 grid at 1920px wide produces a 1920×1920 square.
The download is JPEG at 92% quality. If you need a different format — PNG for transparency around the edges, WebP for smaller file size — run the collage through the Format Converter after exporting.
A typical workflow for a social media collage: upload 4 photos, arrange them in a 2×2 grid, set 10px white gaps, export at 1080px. If the file is too large for the platform's upload limit, compress it with the Image Compressor. If it needs to fit specific dimensions — say 1200×628 for a Facebook link preview — resize it with the Image Resizer or the Social Media Resizer.
For collages going into a presentation or document, export at 1920px or higher and convert to PDF with the Image to PDF converter. One image, one page, print-ready.
Practical Uses Beyond "Photo Grid"
Before and after: two-photo side-by-side. Home renovation, weight loss progress, photo editing results. Label them afterward with the Image Annotator if context is needed.
Product photography: four-photo 2×2 grid showing front, back, side, and detail. Standard for e-commerce listings and marketplace posts.
Travel recaps: nine-photo 3×3 grid. One image per day, or one per location. Export at 1080px for Instagram, add a date watermark with the Image Watermark tool if you want timestamps on each cell.
Client proofs: six-photo 2×3 grid. Present multiple options in a single view instead of sending six separate files. Quick to compare, easy to discuss.
Common Questions
What is the best collage size for Instagram? Use 1080px output with a 2×2 or 3×3 layout — both produce squares that fill the feed without cropping. For Stories, use a stacked vertical layout. After exporting, the Social Media Resizer can fit it to exact platform dimensions.
How do I avoid awkward cropping in collage cells? The tool crops from the center to fill each cell. If a subject is near the edge, pre-crop the photo with the Image Cropper to center it before adding it to the collage. Matching all photos to a similar aspect ratio beforehand gives the cleanest result.
Can I add text or captions to my collage? Not directly — the tool focuses on grid composition. Export the collage first, then open it in the Image Watermark tool for text overlays or the Image Annotator for labels, arrows, and shapes.
Nine Photos, One Image, Zero Installs
Photoshop charges $23 a month for this. Canva wants your email and shows you 200 templates before you find the plain grid. The Collage Maker runs in your browser, keeps your photos on your device, and gives you 11 layouts with gaps, borders, and drag-to-reorder. Upload, arrange, download. That's the whole product.
Tools used in this guide