Uwarp
First image
Second image
Merge options

How to position the images

How to adjust the size of the images

Recommended when scaling. Uncheck to stretch only the matched width or height axis.

Thickness of the border (px)
Output image

Upload two images and set options above—the merged preview appears here.

Merge two images online

Merge two images online vertically or side by side. Combine 2 photos with size matching, optional border, live preview, PNG download in your browser.

What is merge two images?

Merge two images combines a first and second photo into one file—whether you need to combine images online, put two pictures side by side, or stack them vertically. Choose horizontal or vertical layout, optionally scale or crop so widths or heights align, and add a colored border between panels. It stitches panels edge to edge; it does not overlay layers. Upload both images, adjust options, preview, and download PNG—all processing runs in your browser.

Common merge search intents

Upload two images above, pick layout and size options—these queries map to the same two-photo combine workflow.

  1. Merge two images: Merge two images into one PNG—stack vertically or join horizontally with optional border between panels.
  2. Combine images online: Combine images online without install: upload a first and second file, preview the stitched result, download PNG.
  3. Combine two photos: Combine two photos with magnify smallest, reduce biggest, or crop biggest so widths or heights align.
  4. Merge two pictures: Merge two pictures for before/after posts, comparison shots, or simple two-panel collages.
  5. Put two images together: Put two images together in one frame—vertical stack for tall strips or horizontal row for side-by-side layouts.
  6. Side by side photos: Place photos side by side horizontally—match heights with size modes, add a colored gap, preview before export.

Merge controls

Layout, sizing, and border options for combining two photos.

  1. Vertical or horizontal: Stack images top/bottom or place them side by side.
  2. Four size modes: Do not adjust, magnify smallest, reduce biggest, or crop biggest.
  3. Aspect ratio toggle: Constrain proportions when scaling (recommended).
  4. Border thickness: Gap between images from 0 to 100 px.
  5. Border color: Pick or type a hex color for the gap and background fill.
  6. PNG download: Save the merged result as merge-images.png.

How to combine two photos online

Steps to merge two images vertically or side by side.

  1. Upload both images: Add a first and second file (15 MB max each).
  2. Choose layout: Pick vertical stack or horizontal row for side-by-side photos.
  3. Match sizes: Use magnify smallest for most collages; crop biggest to avoid scaling.
  4. Download PNG: Save when the preview looks correct.

Tips for merging images

Cleaner results when you combine two photos.

  1. Start with magnify smallest: Usually the best default when image sizes differ.
  2. Use crop for screenshots: Crop biggest avoids soft scaling on sharp UI captures.
  3. Horizontal for comparisons: Side-by-side layout works well for before/after width.
  4. White borders for print: A few pixels of white separate panels cleanly.
  5. Check output size: Very large merges may hit the 8192 px output limit.
  6. PNG for transparency: Use PNG uploads when either layer needs alpha.

When to merge two images

Typical uses for combining photos online.

  1. Before and after: Stack or place edits side by side for social proof.
  2. Comparison shots: Line up two product or design variants horizontally.
  3. Side by side photos: Join two pictures in one frame for posts or slides.
  4. Tutorials: Combine step screenshots into one tall reference image.
  5. Simple collages: Merge two photos with a white or brand-colored border.
  6. Quick mockups: Put two images together before importing into Figma or decks.

Why use this merge tool

Benefits of browser-based two-image combine.

  1. Two uploads: Dedicated panels for first and second images.
  2. Private: Images stay on your device—no server upload.
  3. Live preview: See layout and border changes before download.
  4. Flexible sizing: Four alignment modes like classic online merge tools.
  5. No install: Works in any modern browser with Canvas 2D.
  6. Free: Unlimited previews and downloads.

Technical details

How two-image merge works here.

  1. Canvas compositing: Each layer drawn with optional source crop and destination scale.
  2. Cross-axis matching: Width matched for vertical merges; height matched for horizontal.
  3. Center alignment: Images centered on the axis perpendicular to the merge direction.
  4. Border fill: Full canvas filled with border color; gap thickness between panels.
  5. Input limits: 15 MB per upload; 8192 px max edge per image and merged output.
  6. Browser support: Chromium, Firefox, Safari with Canvas 2D.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion