Canva offers templates and a drag-and-drop editor for merging two or more pictures into a single design, but the Combine Images tool gives you the same end result — one PNG holding two to twelve source files arranged horizontally, vertically, or in a centered grid — entirely in your browser tab without uploading a single byte. The local tool decodes each source with createImageBitmap, paints them onto a canvas with CanvasRenderingContext2D.drawImage, and encodes the result with HTMLCanvasElement.toBlob before exposing a downloadable blob URL. Because every step happens in the browser, you keep private photos out of remote servers and skip the account, the loading screens, and the template browsing that designers sometimes want but rarely need for a quick stitch. This guide walks through how to combine images in Canva the conventional way, why many readers end up preferring a local shortcut for repetitive merges, and the precise steps to produce a single PNG with the Combine Images tool, including layout math, format limits, and the small gotchas that catch first-time users.
Canva's Built-In Tools for Combining Images
When you search for a way to combine images, Canva is one of the first names that comes up because it markets collage templates, grid layouts, and a drag-and-drop editor aimed at non-designers. The official workflow is to open a new design or pick a "Photo Collage" template, click Uploads to bring in local files, then drag those files into empty image frames inside the template. Users can also open an empty canvas, drop images in, and align them manually using the position handles and grid guides.
This workflow is well-suited for design-heavy tasks — adding decorative text, layered graphics, illustrations from Canva's media library, themed borders, or color-matched backgrounds that match a brand. The templates also give users a known final canvas size, which is helpful when the output is meant for Instagram, a story, or a printed card. Animations, stickers, and pre-built frames are easy to layer on top of the photos.
The trade-off is that the result lives in Canva's editor and is downloaded as a Canva file, a PNG, or a PDF. For a quick stitch of two or more images where no decorations are needed, the editor's many options can feel like overkill, and the account requirement slows down anyone who only wants a flat raster output.
Why a Local Browser Tool Can Be the Faster Path
For repetitive merges — a horizontal strip of product photos, a vertical stack of receipts, a centered grid of icons — the Combine Images tool removes every step that is not strictly about layout. You select the files in the order you want them placed, pick horizontal, vertical, or grid, set a gap, and choose a background color; the rest is handled by deterministic code in the browser.
The local path is appealing for privacy-sensitive material. Combine Images validates that every accepted file is a browser-decodable raster, paints it onto a canvas, and never transmits the bytes. Per-file (25 MiB), total (100 MiB), and canvas-side (8192 px, 32 MP) limits are enforced before drawing, which keeps memory spikes that could otherwise crash the tab under control.
Because no remote server touches the photos, the workflow stays free of account requirements, watermarks, and the template browsing that turns a two-minute job into a fifteen-minute one. The output is one flat PNG that can be shared, uploaded to a CMS, or dropped into a longer pipeline without dragging along a Canva project file.
The Three Layouts and What Each One Produces
Combine Images supports three deterministic layouts, each built from the integer pixel dimensions of the decoded sources. No resampling, no cropping, no aspect-ratio changes — every image keeps its original size and is centered inside its allocated cell.
Horizontal: images are placed left-to-right. The output width equals the sum of every image's width plus the configured gap times the number of gaps; the output height equals the tallest source. Shorter images are centered vertically against the tallest one.
Vertical: the same rule, rotated. Output height is the sum of every source height plus the gaps, output width is the widest source, and narrower images are centered horizontally.
Grid: the column count is the ceiling of the square root of the image count. With nine sources, that gives 3×3; with ten sources, the column count is still four and the final row is unfinished. Every cell uses the widest and tallest decoded image as its bounds, and sources are centered inside their cell without stretching.
| Layout | Output width rule | Output height rule | Cell behavior |
|---|---|---|---|
| Horizontal | Sum of widths + gaps | Tallest source | Shorter images centered vertically |
| Vertical | Widest source | Sum of heights + gaps | Narrower images centered horizontally |
| Grid | Columns × widest cell | Rows × tallest cell | Empty cells painted background color |
Combining 2 to 12 Local Images: The Exact Workflow
- Choose two to twelve files in the order you want them placed. Acceptable types include PNG, JPEG, WebP, GIF, AVIF, and BMP. Each file must be under 25 MiB and the combined selection under 100 MiB. SVG is deliberately rejected because it can reference external resources or carry very large render instructions.
- Pick a layout — horizontal, vertical, or grid — then set the gap from zero to 100 pixels and pick a six-digit background color.
- Select Combine images. The tool decodes each source with createImageBitmap, calculates the canvas dimensions, paints the background, and draws each bitmap once without scaling.
- Verify the output dimensions shown by the tool against your target. The maximum canvas side is 8192 pixels and the maximum area is 32 million pixels; combinations above these limits are rejected before drawing.
- Download the generated PNG. The file is encoded in the browser with HTMLCanvasElement.toBlob and exposed via a revocable object URL.
Supported Formats, Size Limits, and Output Behavior
Combine Images accepts the raster types a modern browser can decode by default. Animation, EXIF metadata, color profiles, layers, and source filenames are not carried into the output. The single PNG keeps the sharp pixels of the decoded input but treats transparent areas as the chosen opaque background, because that background is painted first.
| Property | Limit or behavior |
|---|---|
| File count | 2–12 |
| Per-file size | 25 MiB |
| Total size | 100 MiB |
| Max canvas side | 8192 px |
| Max canvas area | 32 million pixels |
| Accepted raster formats | PNG, JPEG, WebP, GIF, AVIF, BMP |
| Rejected formats | SVG, plus any file whose bytes are corrupt or whose codec is unsupported |
| Animation | Not preserved |
| EXIF / metadata | Not preserved |
| Output format | PNG (single file) |
| Background | Opaque six-digit hex; replaces transparent pixels |
For print production or color-managed compositing, verify the exported PNG in dedicated software before sending it to a press or a third-party pipeline.
Worked Example: Three Images Side by Side
Suppose you choose three PNGs with decoded widths 800, 1200, and 600 pixels, all with heights up to 900 pixels, and a horizontal layout with a 20-pixel gap. The output width is 800 + 20 + 1200 + 20 + 600 = 2640 pixels. The output height is the tallest source, 900 pixels. The canvas area is 2640 × 900 = 2,376,000 pixels, which sits comfortably under the 32-million-pixel limit. The 1200-pixel source anchors the row's height; the 800- and 600-pixel sources are centered vertically against it. The two 20-pixel gaps appear as the configured background color.
When Canva Still Makes Sense
Canva is still the better choice when the merge is part of a larger design — for instance, combining product images into a social post that also needs captions, stickers, page numbers, or a colored frame drawn from Canva's library. Templates, brand kits, and team folders make Canva strong for design work, while Combine Images is purpose-built for the narrower job of stitching raw images into a clean PNG without re-touching them.
If you specifically want the Canva side of the workflow, the Blend Image app and similar in-editor blend tools behave differently — they overlay and mix pixels rather than placing whole images side by side. For a walkthrough of that Canva-specific path, see how to use Blend Image in Canva and skip the upload.
Combine Images is the fastest way to stitch two to twelve local images into a single PNG when you do not need Canva's template library, animated elements, or design extras. The same layout rules — horizontal, vertical, or grid — apply in both worlds; the difference is whether you want a finished design or a clean raster output. Pick the tool that matches the task.