The feature that allows you to view two images side by side is ideal when you need to make visual comparisons or photo collages for blogs and web pages. To place two images side by side, it is possible to use applications such as PhotoJoiner, Picisto or the HTML code within web platforms such as WordPress or Blogger.
Steps
Method 1 of 3: Using PhotoJoiner
![Place Two Pictures Side by Side Step 1 Place Two Pictures Side by Side Step 1](https://i.sundulerparents.com/images/003/image-6386-10-j.webp)
Step 1. Visit the official PhotoJoiner site using the following URL
![Place Two Pictures Side by Side Step 2 Place Two Pictures Side by Side Step 2](https://i.sundulerparents.com/images/003/image-6386-11-j.webp)
Step 2. Click the "Select Photos" button, then select the first photo you want to use
The chosen image will be displayed on the PhotoJoiner page.
![Place Two Pictures Side by Side Step 3 Place Two Pictures Side by Side Step 3](https://i.sundulerparents.com/images/003/image-6386-12-j.webp)
Step 3. Click the "Select Photos" button again, then select the second image to use
It will appear to the right of the first photo you chose.
![Place Two Pictures Side by Side Step 4 Place Two Pictures Side by Side Step 4](https://i.sundulerparents.com/images/003/image-6386-13-j.webp)
Step 4. Select the "Margin between images" check button if desired
This feature allows you to add a margin between the two images so that they appear separate.
![Place Two Pictures Side by Side Step 5 Place Two Pictures Side by Side Step 5](https://i.sundulerparents.com/images/003/image-6386-14-j.webp)
Step 5. Click on the "Join Photos" button
The selected images will be merged into one file.
![Place Two Pictures Side by Side Step 6 Place Two Pictures Side by Side Step 6](https://i.sundulerparents.com/images/003/image-6386-15-j.webp)
Step 6. Select the resulting image with the right mouse button, then choose the "Save Image As" option
![Place Two Pictures Side by Side Step 7 Place Two Pictures Side by Side Step 7](https://i.sundulerparents.com/images/003/image-6386-16-j.webp)
Step 7. Name the image file, then click the "Save" button
The photo you created using the two original images will be saved to your computer.
Method 2 of 3: Using Picisto
![Place Two Pictures Side by Side Step 8 Place Two Pictures Side by Side Step 8](https://i.sundulerparents.com/images/003/image-6386-17-j.webp)
Step 1. Visit the Picisto website using the following URL
![Place Two Pictures Side by Side Step 9 Place Two Pictures Side by Side Step 9](https://i.sundulerparents.com/images/003/image-6386-18-j.webp)
Step 2. Click on the "Signup" button located in the upper right corner of the page, then follow the on-screen instructions to create a free account
Before you can use the services offered by the Picisto platform, you will need to create an account.
![Place Two Pictures Side by Side Step 10 Place Two Pictures Side by Side Step 10](https://i.sundulerparents.com/images/003/image-6386-19-j.webp)
Step 3. Click on the "Side by Side" item after logging in
![Place Two Pictures Side by Side Step 11 Place Two Pictures Side by Side Step 11](https://i.sundulerparents.com/images/003/image-6386-20-j.webp)
Step 4. Click on the "Upload / Choose Photo" option, then click on the "Browse" button and select the first image to use
The chosen image will be displayed on the Picisto page.
Alternatively, you can choose to upload one of your images that you have published on Facebook, Instagram, on a web page or you can capture it via the webcam or the camera of the device
![Place Two Pictures Side by Side Step 12 Place Two Pictures Side by Side Step 12](https://i.sundulerparents.com/images/003/image-6386-21-j.webp)
Step 5. Click the "Upload / Choose Photo" option again, click the "Browse" button and select the second image to use
The latter will be displayed to the right of the first one you have chosen.
![Place Two Pictures Side by Side Step 13 Place Two Pictures Side by Side Step 13](https://i.sundulerparents.com/images/003/image-6386-22-j.webp)
Step 6. Scroll down to the bottom of the page and click on the "Finish and Save Photo" link
A message will be displayed to let you know that the image was successfully saved.
![Place Two Pictures Side by Side Step 14 Place Two Pictures Side by Side Step 14](https://i.sundulerparents.com/images/003/image-6386-23-j.webp)
Step 7. Scroll down the page to be able to click on the "Download" option
![Place Two Pictures Side by Side Step 15 Place Two Pictures Side by Side Step 15](https://i.sundulerparents.com/images/003/image-6386-24-j.webp)
Step 8. Select the "Save" item to save the final image on the desktop
At this point, the two starting images were placed side by side and used to create a third image which was then saved on your computer.
Method 3 of 3: Use HTML Code
![Place Two Pictures Side by Side Step 16 Place Two Pictures Side by Side Step 16](https://i.sundulerparents.com/images/003/image-6386-25-j.webp)
Step 1. Activate the "edit" mode of your blog post or web page on which you want to publish the two images side by side
![Place Two Pictures Side by Side Step 17 Place Two Pictures Side by Side Step 17](https://i.sundulerparents.com/images/003/image-6386-26-j.webp)
Step 2. Insert both images separately within the blog post
Next, you'll need to drag them to a different section of the post to be able to view them side by side.
![Place Two Pictures Side by Side Step 18 Place Two Pictures Side by Side Step 18](https://i.sundulerparents.com/images/003/image-6386-27-j.webp)
Step 3. Click on the "HTML" tab of your post
This is where you are going to paste the HTML code that will allow you to view the two images side by side.
![Place Two Pictures Side by Side Step 19 Place Two Pictures Side by Side Step 19](https://i.sundulerparents.com/images/003/image-6386-28-j.webp)
Step 4. Place the text cursor where you want the two images to appear side by side, then paste the following text:
photo_1 | photo_2 |
![Place Two Pictures Side by Side Step 20 Place Two Pictures Side by Side Step 20](https://i.sundulerparents.com/images/003/image-6386-29-j.webp)
Step 5. Click on the "Text" or "Text" tab of your post
Two gray boxes should now appear, inside which you will see the words "foto_1" and "foto_2".
![Place Two Pictures Side by Side Step 21 Place Two Pictures Side by Side Step 21](https://i.sundulerparents.com/images/003/image-6386-30-j.webp)
Step 6. Click on the first image and drag it into the gray box called "photo_1"
![Place Two Pictures Side by Side Step 22 Place Two Pictures Side by Side Step 22](https://i.sundulerparents.com/images/003/image-6386-31-j.webp)
Step 7. Click on the second image and drag it into the gray box labeled "photo_2"
If you are having difficulty in dragging the images inside the two gray boxes, return to the post tab where the HTML code is visible, then replace the text "photo_1" and "photo_2" with the following code:. The value of the "width" attribute can be changed according to your needs
![Place Two Pictures Side by Side Step 23 Place Two Pictures Side by Side Step 23](https://i.sundulerparents.com/images/003/image-6386-32-j.webp)
Step 8. At this point, you can delete the words "photo_1" and "photo_2" displayed under each photo
The images you have chosen should appear side by side within the post.