Skip to content
Lizely

Combine Images

Arrange 2–12 local images horizontally, vertically, or in a centered grid and export one PNG.

Privacy: your files never leave your device. All processing happens locally in your browser.

How to use

  1. 1.Choose between two and twelve supported raster images in the order you want them placed.
  2. 2.Select a horizontal, vertical, or grid layout, then set the gap and background color.
  3. 3.Choose Combine images, verify the output dimensions, and download the generated PNG.

About Combine Images

Combine Images turns two to twelve local images into one PNG without uploading the source files. It preserves the order selected by the browser and offers three deterministic layouts: horizontal, vertical, and grid. A gap from zero to 100 pixels separates items, and a six-digit color picker fills unused canvas space and the area between images.

Horizontal layout places images from left to right at their decoded pixel sizes. The output width is the sum of all widths plus the gaps, while the output height is the tallest image. Shorter images are centered vertically. Vertical layout applies the corresponding rule from top to bottom: the tallest dimensions are retained, narrower images are centered horizontally, and the gaps are added between rows.

Grid layout chooses the smallest square-like column count by taking the ceiling of the square root of the image count. Every cell uses the widest decoded image and tallest decoded image as its bounds. Each source is centered inside its cell without stretching, cropping, or changing aspect ratio. Empty cells in the final row and unused cell space show the selected background color.

The tool accepts common browser-decodable raster images and deliberately rejects SVG input. SVG can reference external resources or contain very large render instructions, so excluding it keeps this local raster workflow bounded and predictable. Animated GIF, WebP, or AVIF input contributes the frame decoded by the browser's image bitmap path; animation is not preserved in the single PNG output.

Each source file must be no larger than 25 MiB, all selected files together must not exceed 100 MiB, and the combined canvas cannot exceed 8192 pixels on either side or 32 million pixels in area. Those constraints limit memory spikes that can otherwise crash a tab. Files whose extension looks familiar may still fail when their bytes are corrupt or their codec is unsupported.

The output uses the browser-required PNG encoder. PNG preserves sharp pixels and transparency in decoded inputs, but the selected opaque background is painted first, so transparent areas become that color. The tool does not compress toward a target byte size, add metadata, preserve EXIF, color-profile tags, animation, layers, or original filenames. For print production or color-managed compositing, verify the exported PNG in dedicated software.

Methodology & sources

Validate 2–12 browser-decodable raster files with per-file, total-byte, canvas-side, and canvas-area limits. Decode each source with createImageBitmap. Calculate horizontal, vertical, or square-like grid placements from integer decoded dimensions and a bounded integer gap. Paint a validated six-digit background color, draw each bitmap once without scaling, encode the canvas as PNG with toBlob, close every ImageBitmap, and manage the downloadable Blob through a revocable Object URL.

Frequently asked questions

Are my images uploaded?
No. Image decoding, layout, drawing, PNG encoding, and download generation all happen in the current browser tab.
Does the tool resize or crop images?
No. Every decoded image keeps its original pixel dimensions and is centered within the chosen layout.
What happens to transparent pixels?
The selected opaque background is painted before the images, so transparent areas become that color in the exported PNG.
Are animated images preserved?
No. The browser-decoded frame is placed into one static PNG; animation and source metadata are not retained.

Related tools

Image Tools guides

View all