Skip to content
CrateX.app logo

CrateX.app

Image Merger

Image Merger

Merge multiple images into one, vertical/horizontal/grid modes, adjustable spacing, background color, alignment.

Drag & drop images here or click to select

Supports PNG / JPEG / WebP / AVIF / HEIC / HEIF

Image Merger

Quick Start

1
Import images: Drag & drop or click to select multiple images
2
Select mode: Vertical/Horizontal/Grid
3
Adjust options: Spacing, background color, alignment, auto-resize
4
Start merge: Click button to generate preview
5
Download result: Supports PNG/JPEG/WebP export

Common Scenarios

Long image merge

Merge multiple screenshots into one long image vertically

Comparison image

Side-by-side horizontal display for before/after comparison

Grid collage

Fixed grid layout, drag dividers and reorder

Merge Options

Mode: Vertical (top-bottom)/Horizontal (left-right)/Grid (fixed cells)
Spacing: Pixel gap between images
Background color: Color to fill empty areas, supports transparency
Alignment: Alignment when sizes differ (left/center/right)
Auto-resize: Scale proportionally to max edge, reduce uneven margins
Grid layout: Choose cell count (1–16), drag dividers to adjust sizes
Output format: PNG/JPEG/WebP, quality only applies to JPEG/WebP
Max output size: Limit maximum export width and height

Usage Advice

Enable auto-resize when image sizes vary significantly
Vertical/horizontal mode: use move up/down to reorder; Grid mode: hold and drag images to swap
After selecting image, use Q/E to rotate, or drag rotation handle (Shift for 15° snap)
Space+left-click drag or right-click drag to pan canvas
Shortcuts: Ctrl/⌘+Z undo, Ctrl/⌘+Y redo, Del delete, ↑↓←→ nudge (Shift faster), Q/E rotate (Shift 5°), +/- zoom view, 0/F fit canvas, R relayout
For very large images or too many, resize before merging

Limitations & Compatibility

Output blocked when pixels too large to prevent browser crash
Recommend latest Chrome/Edge/Firefox or Safari 16+

Privacy & Security

All processing is done in your browser; data never leaves your device

FAQ

6

Continue with these related tools for the next step.