How to Place Two Pictures Side by Side

Last Updated: December 23, 2020

Featuring two pictures side by side is an ideal way to share before-and-after photos, comparisons, and photo collages on your blog or website. You can use free online photo-editing apps such as PhotoJoiner or Picisto, or use HTML coding to feature side-by-side photos on sites such as WordPress or Blogger.

Method 1

Method 1 of 3:

Using PhotoJoiner

1
Navigate to the PhotoJoiner website at http://www.photojoiner.net/.
2
Click on “Select Photos,” then select the first photo you want used. The photo will display on-screen at PhotoJoiner.

Advertisement
3
Click on “Select Photos” again, then select the second photo you want used. This photo will display to the right of the first photo.
4
Place a checkmark next to “Margin between images,” if desired. This feature adds a margin to separate the two photos from one another.
5
Click on “Join Photos.” Both images will be combined into one solo image.
6
Right-click on the photo and select “Save image as.”
7
Type a name for your photo, then click “Save.” Your side-by-side photo will now be saved.

Method 2

Method 2 of 3:

Using Picisto

1
Navigate to the Picisto website at http://www.picisto.com/.
2
Click on “Signup” at the top right corner, then follow the on-screen instructions to create a free account. You must sign up for Picisto before you can combine photos using this service.
3
Click on “Side by Side” after logging into Picisto.
4
Click on “Upload / Choose Photo,” then click “Browse” to select the first photo you want used. The photo will upload and display on the Picisto site.
- Alternately, you can choose to upload a photo from Facebook, Instagram, URL, or webcam.
5
Click on “Upload / Choose Photo” again, then click “Browse” to select the second photo. This photo will display to the right of your first photo.
6
Scroll to the bottom of your photo and click “Finish and Save Photo.” Picisto will display a message saying your photo was saved successfully.
7
Scroll to the bottom of your photo and click on “Download.”
8
Select the option to “save” the photo to your desktop. Your pictures will now be combined and saved into one solo image.

Method 3

Method 3 of 3:

Using HTML

1
Edit the blog post or page on which you want to feature two pictures side by side.
2
Insert both images separately into your blog post. Later on, you’ll need to click and drag the images to a different section in the blog post to place them side by side.
3
Click on the “HTML” tab in your post. This is where you’ll paste the code that allows you to feature two images side by side.
4
Position your cursor at the place you want the two photos displayed side by side, then paste the following code:<table><tbody><tr><td>photo 1-1</td><td>photo 1-2</td></tr></tbody></table>
5
Click back over to the “Text” tab of your post. You will now see two gray boxes side by side labeled as “photo 1-1” and “photo1-2.”
6
Click and drag the first photo over to the gray box labeled “photo 1-1.”
7
Click and drag the second photo over to the gray box labeled “photo 1-2.”
- If you experience difficulty with clicking and dragging your photos to the gray boxes, click back over to the HTML tab and replace “photo 1-1” and “photo 1-2” with the following code: <img border=”0″ src=”INSERT YOUR IMAGE URL” width=”300” />. The width value can be changed based on your preference.
8
Delete the “photo 1-1” and “photo 1-2” text from below each photo. Your images will now be positioned side by side in your post.

Community Q&A

Question

How do I make a side by side picture?

Community Answer

You take two separate pictures and put them together using an editing software like Photoshop.