Merge multiple images into one canvas in horizontal or vertical layout.
Image Combiner merges two or more images into a single canvas with horizontal or vertical layout, adjustable gaps, and a custom background color. It is completely free, works in any modern browser, and requires no account or software download.
Image Combiner is a browser-based utility that stitches multiple images together into one unified output. Choose between horizontal (side-by-side) and vertical (stacked) arrangements, set a pixel gap between each image, and pick a background fill color for any empty space. All processing happens client-side using the HTML canvas API, so your images are never uploaded to a remote server. The final result downloads as a single PNG file ready for sharing or embedding.
Select two or more images through the file input. Pick your preferred layout direction -- horizontal or vertical -- and set the gap between images in pixels. Choose a background color to fill any spacing or size differences. Click Combine to render the merged canvas, then preview the result directly on the page. When you are happy with the output, click Download PNG to save the combined image to your device. Use the Clear button to start over with a new set of images at any time.
The Image Combiner accepts any image format that your browser can render, which in modern browsers includes JPG, PNG, WEBP, AVIF, GIF, and BMP. The output is always a PNG file, regardless of the input format. PNG is used for output because it preserves full color accuracy and supports transparency, which is useful when the gap and background areas use a transparent or specific color fill. If you need a JPG output for a smaller file size, you can download the combined PNG and convert it to JPG using the JPG Converter tool on this site. For typical combinations of web-sized photographs, the PNG output will be reasonable in file size; for very large images combined in high resolution, consider reducing the source images before combining to keep the output file manageable.
When you combine images of different dimensions, each image is placed at its native resolution. In horizontal mode, the canvas height matches the tallest image, and shorter images are aligned to the top with the background color filling any remaining space below them. In vertical mode, the canvas width matches the widest image, and narrower images are centered or left-aligned with background fill on either side. The gap setting inserts a fixed pixel space between each pair of adjacent images. For before-and-after comparisons where you want both images to match in appearance, use source images of the same dimensions — or resize them to the same height (horizontal) or width (vertical) before combining. Mixing very different image sizes can produce visually awkward results where the size mismatch draws attention away from the content.
Yes. All image processing in the Image Combiner happens entirely within your browser using the HTML canvas API. Your image files are never uploaded to Popupnote.com's servers or transmitted over the network. All combining, rendering, and downloading operations are performed locally on your device. No images, metadata, or usage data are logged. You can combine confidential documents, personal photos, or proprietary graphics without concern about data exposure to third parties.