Combine two images into a single file. Fast, free and private. Everything happens in your browser.
Upload & Options
Tip: Use Ctrl + Z in the browser to undo accidental changes while editing text fields. Your images never leave your device.
Preview
Waiting for images
How to use Image Combiner
- Upload Image 1 and Image 2 or drag and drop them into the boxes.
- Choose a layout: Horizontal places images side by side. Vertical stacks them.
- Set spacing, background color and alignment. Keep the size match on for cleaner joins.
- Pick an output format. Use PNG for sharp graphics, JPG or WEBP for photos. Adjust quality if needed.
- Click Combine to preview. Download or Copy to Clipboard when it looks right.
Why this tool is different
- Private: Everything runs in your browser. No uploads.
- Fast: Uses modern canvas APIs for smooth previews.
- Flexible: Horizontal or vertical, spacing, background, alignment, size control and format choice.
- Accessible: Keyboard friendly with clear labels and live status updates.
- Made for Blogger: Paste this code in HTML view and publish.
Use cases
Before and after images, collages for blog posts, side by side product shots, meme templates, tutorials and more.
Frequently Asked Questions
Does this upload my images?
What formats can I export?
Will EXIF metadata be preserved?
Large images look blurry. Why?
How it works under the hood
The tool reads both files using createImageBitmap
when available for faster decoding, or falls back to an Image
element. It computes the final canvas size based on your layout and options. If you choose to match heights (for horizontal) or widths (for vertical), the code scales one image so both edges align cleanly. The script draws a background color to fill any gaps, then places both images with the selected spacing and alignment. Finally, it exports a PNG, JPG or WEBP using canvas.toBlob()
with the chosen quality setting.