Image Collage Maker
Combine several photos into one grid collage in-browser.
How to use
- 1 Drop your first image onto the box, then drop more to add tiles.
- 2 Set the canvas width, height and the gap between photos.
- 3 Choose a column count, or leave it at 0 for an automatic grid.
- 4 Pick a background colour for the gaps, and remove any tile you do not want.
- 5 Click Download PNG to save the finished collage.
About Image Collage Maker
The Image Collage Maker arranges several pictures into a single tidy grid that you can share, print or post.
Drop in two or more photos — JPEG, PNG, WebP or GIF — and each one is decoded and laid out entirely inside your browser, with a live preview that rebuilds every time you add an image or change a setting.
You control the output canvas size, the number of columns (or let it auto-pick a near-square grid), the gap between tiles and the background colour that shows through the gaps.
Each photo is scaled to cover its cell and centred, so portraits and landscapes of any aspect ratio fill their slots neatly without stretching — the overflow is simply cropped to keep the grid uniform.
Add as many images as you like; remove any tile with its corner button and the layout reflows instantly.
Because the whole collage is composited fresh on every change, you can experiment with columns, gaps and sizes freely without any cumulative quality loss.
Everything runs locally with the Canvas API, so your photos are never uploaded, stored or logged — ideal for private albums and client work — and it keeps working offline once loaded.
When the arrangement looks right, download a lossless PNG of the finished collage.
FAQ
Are my photos uploaded anywhere?
No. Every image is decoded and composited with the Canvas API inside your browser, so nothing ever leaves your device.
How are different photo shapes handled?
Each photo is scaled to cover its grid cell and centred, cropping any overflow so the tiles stay a uniform size.
How many images can I add?
As many as you like. Leave columns at 0 and the tool picks a near-square grid; set a number to force a specific layout.