How to Merge JPG Files into One Image: Side by Side or Grid

To merge JPG files into one image, open the JPG Combiner, choose at least two pictures, select a layout and download the result as JPG or PNG. Choose horizontal for side-by-side photos, vertical for screenshots read from top to bottom, or grid for a compact overview.

Need a document with separate pages instead? Use JPG to PDF. Combining pictures onto one canvas and putting pictures into a PDF solve different tasks.

Open JPG Combiner

How to combine JPG files into one JPG or PNG

  1. Open the JPG Combiner and select Choose images. Add JPG, JPEG or PNG files. You need at least two to export.
  2. For a predictable order, add each image separately in the order you want it to appear. New selections append to the current selection. Check the preview: the tool does not offer drag-to-reorder controls. To start over, select Clear selected images.
  3. Choose Vertical, Horizontal or Grid. Set spacing to 0 for touching edges, or use a gap such as 12 pixels to separate pictures. Select a background color for the gaps and unused space.
  4. Choose PNG for screenshots or JPG for photos. The JPG quality setting starts at 92%; lowering it can reduce file size but may soften detail. It does not change PNG output.
  5. Inspect the preview and displayed output dimensions, then select Combine Images. Open the downloaded combined-images.png or combined-images.jpg and check the order, text readability and edges.

On a phone, use the browser’s file or photo picker. Selecting one picture at a time is useful when the picker sorts a batch differently from your intended reading order. Keep the page open until the download completes; look in your browser’s downloads if the file does not appear in your photo gallery.

Which layout should you choose?

Worked examples: compare all three layouts

Download the examples below, select input-1.png, input-2.png and input-3.png in that order, set a 12 px gap and choose PNG output. Each fictional screen is 480 × 320 pixels. The preview and output dimensions update when you change the layout.

Download all three inputs and matching outputs

Vertical layout: 480 × 984 pixels

Sample screenshots combined into a vertical strip
Three 480 × 320 inputs combined in vertical layout with 12 px gaps; output 480 × 984 pixels.

Horizontal layout: 1464 × 320 pixels

Sample screenshots combined side by side
Three 480 × 320 inputs combined in horizontal layout with 12 px gaps; output 1464 × 320 pixels.

Grid layout: 972 × 652 pixels

Three sample screenshots arranged in a grid
Three 480 × 320 inputs combined in grid layout with 12 px gaps; output 972 × 652 pixels.

How output dimensions are calculated

LayoutCurrent sizing rules
VerticalCanvas width is the widest input, capped at 1200 px. Wider images shrink proportionally; smaller images are not enlarged. Heights are added, plus a gap between images.
HorizontalCanvas height is the tallest input, capped at 1200 px. Taller images shrink proportionally; smaller images are not enlarged. Widths are added, plus a gap between images.
GridColumns equal the square root of the image count rounded up. Cell width is the smaller of the widest input and 1200 divided by columns. Images scale to fit the cell width without enlargement. Each row uses its tallest scaled image; shorter images and unused cells leave background.

For the equal-size examples: vertical height = 320 + 320 + 320 + 12 + 12 = 984 px. Horizontal width = 480 + 480 + 480 + 12 + 12 = 1464 px. The two-column grid is (480 × 2 + 12) by (320 × 2 + 12). Gaps can make grid width exceed 1200 px. Each grid row uses its tallest scaled image, with no extra outer top or bottom margin. Shorter images in a mixed-aspect-ratio row can leave space below them; check the displayed output size before downloading.

JPG, PNG or PDF: choose the output you need

PNG avoids another lossy JPEG encoding step and is useful for text-heavy screenshots. It cannot recover detail already lost, and the tool’s resizing rules still apply. Transparent input areas are drawn over the selected background color; this tool does not export a transparent canvas.

JPG suits photographic content when file size matters. Compare the exported result at full size before lowering quality further. For a smaller attachment, use Image Compressor after combining. For a destination with a pixel-width limit, use Image Resizer and check that text remains legible.

PDF is a better choice for separate printable pages or a multipage document. Send your original pictures to JPG to PDF rather than flattening them into one very tall image first. Combining images does not make their text searchable or editable.

Fix common image-combining problems

ProblemWhat to check or change
The order is wrongClear the selection and add files individually in the desired order. Check the preview before exporting.
Adding a file does nothingThe same file is skipped if its name, size, modification time and type match a selected file. This prevents accidental duplicates.
Text looks blurryCheck the original and the output dimensions. Wide inputs may be reduced to fit the layout. Try PNG to avoid additional JPEG compression, or use separate PDF pages to avoid a long strip.
There is blank spaceSet spacing to 0. Mixed aspect ratios can still leave background inside a row. The grid does not crop all images to identical rectangles.
The file is unreadable or nothing downloadsTry two small, known-good JPG or PNG files. Convert unsupported formats first. If those work, resize large originals or combine fewer pictures; browser memory and canvas limits vary by device.

Privacy and practical limits

The combiner reads and draws selected images in your browser; it does not send them to a ToolVero file-processing server. This is separate from other website requests such as analytics or advertising. See the Privacy Center for the wider site’s behavior.

Keep your originals. There is no account required, but a browser’s memory is not unlimited. For example, a 1200 × 20,000 pixel canvas alone needs roughly 96 MB for four bytes per pixel, before decoded inputs and export overhead. Smaller batches are more practical on phones.

Written and maintained by Fahad Farid · Updated October 19, 2026.

Put this guide into practice

Explore all image tools · See complete workflows