Skip to main content
iotools.cloudiotools.cloud

Photo Collage Maker

Arrange 2-9 photos into a grid collage — pick a layout, adjust spacing and corner rounding, and download a clean SVG. Runs entirely in your browser, no signup or upload to a server.

Input

Drop files or browse
One or more files · image

2 to 9 photos. Drag to reorder before generating — cells fill in that order.

Layout

Output

Result

Your edited image will appear here.

SVG source
Was this helpful?

Guides

Drop in 2 to 9 photos and get a clean grid collage back — pick a layout, adjust spacing and corner rounding, then copy or download the result as SVG. This free online collage maker runs entirely in your browser: your photos are never uploaded to a server.

How to use it

  1. Upload your Photos — drag to reorder them before generating; cells fill in that order.
  2. Pick a Grid layout: Auto (a near-square grid sized to your photo count), 2 columns, 3 columns, a single row, or a single column.
  3. Adjust Cell size, Spacing, and Corner radius to taste, and pick a Background color to show through the gutters.
  4. Copy the SVG source or download it — it's a self-contained file with no external dependencies.

Why do photos get cropped to fill each cell?

Every cell is a fixed square, and each photo is scaled and center-cropped to fill it completely (the same "cover" behavior as Instagram's grid or a CSS object-fit: cover) — that's what makes it look like a real photo collage instead of a row of different-sized thumbnails with empty space around them. If you'd rather see the whole photo in each cell uncropped, use Merge Images instead, which scales each photo down to fit without cropping.

Why is the output SVG instead of a PNG or JPEG?

SVG scales to any size without pixelation, downloads instantly, and keeps your photos embedded as-is — no re-encoding, no quality loss — and it's what lets this tool run without a <canvas> at all, so nothing ever leaves your browser.

What happens if my photo count doesn't fill the last row?

The grid still reserves a full row of cells; any unfilled cells simply show the background color. Try a photo count that divides evenly into your chosen layout's column count, or switch to Auto, which sizes the grid to your exact count.

Is my photo uploaded anywhere?

No. Reading the files and building the collage both run locally in your browser; your photos are never sent to a server.

Need something more specific?

Use Merge Images for uncropped side-by-side/stacked layouts of 2-4 photos, or Image to PDF to combine photos into a downloadable PDF instead of an image.

photo collagepicture collagecollage templatephoto grid makercombine photosimage gridcollage generator

Use it from code

From 3 credits per call

REST API

curl -X POST https://api.iotools.cloud/v1/tool/collage-maker \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "images": "[\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…",
    "layout": "columns-2",
    "cellSize": "200",
    "spacing": "8",
    "cornerRadius": "0",
    "backgroundColor": "#ffffff"
  }'

Swap in your own key from your account. The tool's fields are the body — no wrapper.

Ask an AI agent

Use the IOTools `collage-maker` tool (Photo Collage Maker) on this input:

YOUR_INPUT_HERE

Paste this at any agent connected to the IOTools MCP server, then add your input.

Love the tools? Lose the ads.

One payment clears every ad from your account, for good. No subscription, no tracking.

Remove ads