This guide shows how to place before-and-after photos side by side or stack travel photos vertically and combine them into one image.
We'll use Browser Kitty's Photo Collage, which runs in a phone or desktop browser without installation or an account.
It supports 2–20 photos. Adjust the layout and spacing, then save the result as a JPEG, PNG or WebP image.
1. Select two photos to combine
Open Photo Collage and choose Choose photos to import two images.
The supported formats are JPEG, PNG and WebP. After both images load, a collage preview appears.
On a phone, switch among Photos, Layout, Finish and Save using the bar at the bottom. On a PC, you can also drag and drop photos.
HEIC and HEIF files taken on iPhones are not officially supported. If an image does not load, convert it to JPEG or PNG first.
2. Choose a side-by-side or vertical arrangement
After adding two photos, open Layout.
Suggested layouts shows options based on the photos' aspect ratios. Check the preview to decide whether to arrange them side by side or one above the other.
A side-by-side layout can suit before-and-after comparisons, while a stacked layout can be easier to view on a tall phone screen.
If More layouts appears, you can inspect additional options.
You can change the arrangement later, so first choose one where both photos look clear.
3. Change the display mode when a photo is cropped
Arranging photos may crop parts of a face, building or other details.
This can happen especially when a portrait photo is placed in a wide frame, cutting off the top and bottom.
Select the photo in the preview and change Display.
- Fill frame: Fills the frame with the photo. This gives a tidy result but can crop its edges.
- Show all: Displays the whole photo, though some blank space may remain inside the frame.
Show all is appropriate when you do not want to crop a face or product label.
To continue using Fill frame, drag the photo in the preview to adjust its position or change the zoom.
Use Reset photo adjustment to return to the original adjustment.
4. Adjust the photo order, spacing and aspect ratio
If the left and right photos are reversed, change their order in Photos. Use the drag handle or move buttons on phones, or drag and drop on a PC.
Next, open Finish to refine the overall appearance.
You can adjust the canvas aspect ratio, spacing between photos, outer margin, background color and rounded corners.
Available ratios include 1:1, 4:5, 9:16, 16:9, 3:2 and 4:3.
Try 1:1 for a square image, 16:9 for a wide result, or 4:5 or 9:16 for a tall image suited to a phone.
The canvas ratio also affects how the photos are cropped. Choose while checking the preview rather than relying on the numbers alone.
Add a little spacing to show a boundary between the photos, or reduce the gap to place them closely together.
5. Save the collage as one image
Once you have decided on the arrangement and spacing, open Save.
You can choose JPEG, PNG or WebP.
| Format | Best for |
|---|---|
| JPEG | Sending combined photos or using the result as a common image format |
| PNG | Using transparent margins or saving without additional lossy compression |
| WebP | Reducing file size |
Transparent backgrounds are supported only for PNG. WebP export depends on browser support.
Choose a long-edge resolution of 1080, 2160 or 4096 pixels, or set a custom value.
For phone viewing or sharing in a message, start with 1080 pixels. Increase the resolution if you need to show the image on a larger screen.
Finally, choose a filename and press Save image.
Open the saved image to check that the photo edges are not cropped and the left-to-right order is correct.
You can combine three or more photos
Photo Collage supports up to 20 photos.
Use Add photos to include more, and the app will show layout options suited to the images. This can help with travel pictures or a sequence of work stages.
Use Make this photo larger when one photo should stand out.
Adding more images reduces the space available to each one. If your photos contain fine text, several smaller collages may be easier to read than a single crowded image.
Google Photos also offers a collage feature
Google Photos also has a collage feature.
In the Google Photos app, choose your photos, then select Create → Collage to combine them using a template.
If you already use Google Photos and its templates meet your needs, that may be enough.
Browser Kitty's Photo Collage is another option if you prefer a browser or want control over each photo's position, the canvas ratio and the export format.
Are photos uploaded to a server?
Photo Collage arranges imported photos and exports the image in your device's browser.
Opening the page involves a network request, but your chosen photos are not uploaded to a server for processing.
The exported image is newly encoded and is designed not to carry over EXIF or GPS location metadata from the originals. If this matters to you, check the saved image's metadata before sharing.
Photos and edits are not automatically saved. Closing or reloading the page clears your work, so save your finished image.
Conclusion
To combine two photos, choose a side-by-side or vertical layout and check that important details are not cropped.
Browser Kitty's Photo Collage lets you adjust the arrangement and spacing even on your phone, then save everything as one image.
Photo Collage
Arrange 2–20 photos in suggested layouts, adjust crops, spacing and background, and export one image locally.
References
- Photo Collage Photo Collage README: features, usage and limitations
- Google Photos Help Make and edit collages in Google Photos