Collage Maker
Arrange multiple photos into a grid collage with adjustable spacing and background colour.
Collage Maker
Drop your photos here or click to browse
PNG, JPG, WEBP — add as many as your layout needs
How to Use
- Drag and drop your photos onto the drop zone, or click to browse (add more anytime).
- Use the ↑/↓ buttons to set the order photos fill the layout.
- Choose a layout — 2 side by side, 2 stacked, 3 in a row, or a 2×2/2×3/3×3 grid.
- Adjust spacing and background colour, then click Download Collage.
Frequently Asked Questions
QAre my photos uploaded anywhere?
No. The collage is composed entirely in your browser using the Canvas API. Your photos are never uploaded to a server.
QWhat if I upload fewer photos than the layout needs?
Empty cells are shown with a dashed outline in the preview and left as background colour in the final download — add more photos or switch to a layout with fewer cells.
QWill my photos look stretched or distorted?
No — each photo fills its cell using a "cover" fit (like CSS object-fit: cover), cropping slightly to fill the cell without stretching or distorting the image.
About This Tool
The collage is rendered onto a single 1200×1200 canvas divided into a uniform grid based on the chosen column/row layout. Each photo is drawn into its cell using a cover-fit calculation (scaled to fully cover the cell, centred, and clipped with ctx.clip()) so photos of any aspect ratio fill their slot cleanly without distortion.