🖼️

Merge Images

Combine multiple images into one file — vertical stack, horizontal row, or grid layout with custom gap and background. Runs entirely in your browser.

Drop your images here

or click to browse from your device

JPG · PNG · WebP · GIF · BMP · up to 20 MB per file · Ctrl+V paste supported
Images 0
No images yet.
Layout
Output
Auto-shrinks output if wider/taller than this. Prevents huge files.
Preview
👀
Add images on the left to see the merged preview.

About Merge Images

Merge Images combines multiple photos into a single image file — stacked vertically (like a scrolling screenshot), lined up horizontally (a strip), or arranged in a grid (a photo collage). Drop any number of JPG, PNG, WebP, GIF, or BMP files; drag to reorder; pick the layout; download the merged result as PNG, JPG, or WebP.

Everything runs in your browser using the Canvas API. Nothing uploaded, no signup, no file-size caps beyond what your device's memory allows.

100% client-side: images are decoded and composited by your browser. Safe for confidential screenshots, private photos, and anything under NDA.

How to use Merge Images

1

Add images

Drop, click to browse, or paste with Ctrl+V. Add more anytime with the "+ Add more" button.

2

Reorder + rotate

Drag any image in the list to reorder. Click ↻ to rotate 90°, ✕ to remove.

3

Pick a layout

Vertical stack (long screenshot), Horizontal row (comparison strip), or Grid (collage). Adjust gap + background.

4

Download

Choose PNG (lossless with alpha), JPG (smaller, quality slider), or WebP (best compression).

Key Features

Three layout modes

Vertical — images stacked top-to-bottom, great for stitched screenshots or long comparisons. Horizontal — side-by-side row, useful for before/after or timeline. Grid — configurable columns, ideal for photo collages.

Drag to reorder

Grab any image in the sidebar list and drag up or down to change its position. The preview updates instantly.

Per-image rotate

Click ↻ on any image to rotate 90° clockwise. Great for phone photos in mixed orientations.

Alignment control

When images have different sizes and auto-scale is off, choose whether to align them center / start / end so the layout looks intentional.

Auto-scale to consistent size

Toggle on to scale every image to the same width (vertical mode) or height (horizontal mode). Gives clean edges and no awkward gaps.

Custom gap + background

Gap slider from 0 to 100 px between images. Background color picker for the space between and around them. Or check "Transparent" for a clean PNG output.

PNG + JPG + WebP output

PNG preserves alpha and lossless quality — best for screenshots and diagrams. JPG is smaller with a quality slider — best for photos. WebP is the best of both worlds if your target supports it.

Max output dimension

Cap the output at up to 16000 px in the longest dimension. Auto-shrinks proportionally so mega-galleries don't produce 500 MB files.

Common Use Cases

  • Stitching a scrolling screenshot from multiple phone captures
  • Before/after comparison photos side by side
  • Social media photo collages (Instagram-friendly grids)
  • Product showcase — multiple angles in one image
  • Merging chat screenshots into one document
  • Combining diagram frames into a comic-style narrative
  • Portfolio hero image with multiple shots
  • Documentation strips — step-by-step visual guides
  • Meme templates with multiple panels
  • Signage / poster mockups

Security & Privacy

  • 100% client-side: your images are decoded and composited by your browser via the Canvas API. Nothing is uploaded.
  • Works offline: once the page loads, disconnect and it still works.
  • No account, no logging: what you merge is never seen by us.
  • Safe for confidential content: internal screenshots, personal photos, NDA'd materials all stay local.

Frequently Asked Questions

Practically unlimited — but browser memory is the ceiling. 50-100 typical phone photos merge cleanly; very large sets (500+ high-res photos) may slow down or crash the tab. If you hit issues, lower the "Max output dimension" or turn on auto-scale.
PNG for screenshots, diagrams, or when you need transparent background. Larger files, perfect quality. JPG for photos — much smaller with the quality slider tuned to ~85%. WebP for the best size/quality balance if your target (browser, chat app, CMS) supports it.
Yes. With auto-scale on (default), all images get resized so they share the same width (vertical) or height (horizontal) — resulting in clean edges. Turn it off and use the alignment dropdown (center/start/end) to control positioning of different-sized images.
No. Verify by opening DevTools → Network and dropping some images — you'll see no requests. Everything happens in your browser via Canvas API.
Image merge creates ONE big image file. PDF merge (/merge-pdf) creates a multi-page PDF where each source is its own page. Use image merge for social sharing or a single wall image; use PDF merge when you need paginated output.
Yes — no signup, no ads, no watermark, no file limits beyond your device's memory.
Ready