Merge Images — Combine Photos into One Collage
Combine photos into one collage or stitched image in your browser. Steps: add images, pick horizontal/vertical/grid layout, set gap and background, merge, then download JPEG/WebP/PNG. Example: three sample blocks in a row with 8 px white gap → one WebP — files never leave your device; optional size presets for common social posts.
How it works
Add two or more images, reorder if needed, pick a layout, set gap and background, then merge. The page builds one canvas locally, draws each photo in order, optionally scales the result into a common square or link-preview size, and lets you download — nothing is uploaded.
Layout rules
Canvas size follows the formulas below. Grid cells share one width and height; contain letterboxes, cover crops.
- Horizontal: height = max of source heights; each image scales to that height; canvas width = sum of scaled widths + (n−1)×gap.
- Vertical: width = max of source widths; each image scales to that width; canvas height = sum of scaled heights + (n−1)×gap.
- Grid: pick 2–4 columns; rows = ceil(n/cols); cell size = max source width × max source height; gap between cells; contain or cover inside each cell.
- Presets scale the finished collage into 1080×1080 or 1200×630 with your background color (common sizes, not platform approval). Background is filled before images are drawn.
Example
Load the three-color sample, keep Horizontal, gap 8 px, white background, WebP quality 0.90, preset None, and merge. You should get one wide strip (~728×180 px before export). Switch to Grid with 3 columns to stack them in one row of equal cells.
Good fits
- Before/after pairs: place two shots side by side for reviews or fitness progress.
- Tutorial steps: stack screenshots vertically into one scrollable image.
- Product angles or story boards: use a 3×3 grid, then compress if the file is heavy.
Frequently asked questions
Are my photos uploaded?
No. Decode, layout, and export run in your browser. Check the Network panel — images are not POSTed.
How is horizontal different from vertical?
Horizontal unifies height and grows width; vertical unifies width and grows height. Grid uses fixed cells with contain or cover.
Do the 1080 or 1200 presets guarantee Instagram/Facebook approval?
No. They are common output sizes only. Platform rules change; always check the app you publish to.
What happens with animated GIFs?
Only the first frame is decoded and drawn. Animation is not preserved in the output.
Why did merge fail on a huge collage?
Very large canvas edges (above ~8192 px) or many megapixel sources can exceed browser memory. Reduce count, use grid with fewer columns, or resize sources first with the crop tool.
Related tools
Questions or feedback
Something unclear, broken, or missing? Draft a message below — we read every note about these tools.