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
🚀 Quick Start
- Import images: Drag & drop or click to select multiple images
- Select mode: Vertical/Horizontal/Grid
- Adjust options: Spacing, background color, alignment, auto-resize
- Start merge: Click button to generate preview
- 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
How to adjust merge order?
Vertical/horizontal mode: use move up/down in file list; Grid mode: hold and drag images in canvas to swap.
Why only JPEG/WebP have quality options?
PNG is lossless and doesn't need quality settings; JPEG/WebP use lossy compression where quality affects size and clarity.
Why does it say output too large?
Merging creates a very large canvas that may cause memory issues. Reduce image count or resize first.
How to keep transparent background?
Enable transparent background option and export as PNG or WebP. JPEG doesn't support transparency.