Image Collage Maker
Several images, one file — laid out, spaced and exported without an upload.
Order
Use the arrows to reorder, or × to remove an image.
What the image Collage Maker does
A collage combines several images into one file. That matters more than it sounds in practice: platforms that accept a single image, email clients where each additional image is another attachment, and documents where four separate pictures would each need positioning are all easier with one composed file.
Three layouts cover most needs. Grid arranges images in rows of a chosen width and is the general case. Horizontal strip puts everything in one row, which suits a before-during-after sequence or a set of variations. Vertical stack is the same idea rotated, and works well for a long-form social post.
The important control is how each image fills its cell. Cover scales the image until it fills the square and crops whatever overflows — every cell is completely filled, but you lose the edges of images whose shape does not match. Contain fits the whole image inside the cell, so nothing is cropped but portrait and landscape images leave visible gaps against the background. Cover looks tidier; contain is honest about the content. Choose by whether the edges of your images carry anything important.
Spacing, outer margin and corner radius are what make a collage look designed rather than assembled. A collage with zero spacing reads as one confusing image; 10–20 pixels of gap in a colour that contrasts with the photographs makes each one legible as a separate picture. Rounded corners reinforce the same separation.
Order matters and is editable: use the arrows in the list to move images around, or remove one without starting again.
How to use it
- Select several images at once, or add more later with the Add more images button.
- Choose a layout and, for a grid, how many columns.
- Set spacing and a background colour that contrasts with your photographs.
- Reorder with the arrows until it reads correctly, then download the PNG.
A worked example
Four product photos of different shapes, combined into a 2 × 2 grid:
| Setting | Value | Why |
|---|---|---|
| Cell size | 500px | Gives a 1024 × 1024 output — a good size for social |
| Fit | Cover | Every cell filled; product photos have space around the subject |
| Spacing | 12px | Enough to separate without looking gappy |
| Background | #0e1116 | Dark ground makes light product shots pop |
If those same four images were screenshots with text near the edges, Cover would be the wrong choice — it would crop the text. Switching to Contain keeps every screenshot whole at the cost of some uneven space around them, which is the right trade when the edges carry information.
Frequently asked questions
What is the difference between cover and contain?
Cover scales each image until it fills its cell and crops the overflow, so the grid is perfectly filled but edges are lost. Contain fits the whole image inside the cell, so nothing is cropped but gaps appear around images whose shape does not match. Use contain when the edges matter.
How many images can I combine?
There is no fixed limit, but the output grows with the count: a 4 × 4 grid at 500-pixel cells is over 2,000 pixels square. Very large collages consume memory while being drawn, so a few dozen is a practical maximum on most devices.
Can I use images of different sizes?
Yes. Every image is scaled to its cell independently, so a mix of portrait, landscape and square photos works. Cover mode makes them look most uniform; contain preserves each one whole.
Are my photos uploaded to make the collage?
No. Each file is read by your browser and drawn onto a canvas in this page. The finished collage is encoded locally and saved straight to your downloads.