Buzz
Positioning two pictures next to each other is an excellent method to showcase changes over time, compare differences, or create photo collages for blogs and websites. You can use photo editing tools like PhotoJoiner or Picisto, or utilize HTML code to align images side by side on platforms such as WordPress, Blogger, and more.
Steps
Using PhotoJoiner
Visit the PhotoJoiner website at http://www.photojoiner.net/.
Click on 'Select Photos' and choose the first image you wish to use. The selected image will appear on the PhotoJoiner screen.
Click 'Select Photos' again and pick the second image. This image will display to the right of the first one.
Check the 'Margin between images' option if desired. This feature adds spacing between the two images for better separation.
Click 'Join Photos' to combine the images. The two pictures will merge into a single image.
Right-click on the merged image and select 'Save image as'.
Enter a name for the image and click 'Save'. The image with the two pictures side by side will be saved.
Using Picisto
Visit the Picisto website at http://www.picisto.com/.
Click on 'Signup' in the top right corner, then follow the on-screen instructions to create a free account. You need to register with Picisto before you can use the service to merge images.
Click on 'Side by Side' after logging into Picisto.
Click on 'Upload / Choose Photo' and then select 'Browse' to pick the first image you want to use. The chosen image will appear on the Picisto page.
- Alternatively, you can upload images from Facebook, Instagram, a URL, or your webcam.
Click 'Upload / Choose Photo' again, select 'Browse', and choose the second image. This image will appear to the right of the previous one.
Scroll to the bottom of the image and click 'Finish and Save Photo'. Picisto will display a notification confirming the image has been saved successfully.
Scroll to the bottom of the image and click 'Download'.
Enter a name for the image and click 'Save' to store it on your desktop or another location. The two images will be merged and saved as a single file.
Using HTML
Edit the blog post or page where you want to add two images side by side.
Insert each image into the blog post. Then, click and drag the images to different sections within the post.
Click on the 'HTML' tab in the post. This is where you will paste the code to align the two images side by side.
Place the cursor where you want the two images to appear side by side, then paste this code:<table><tbody><tr><td>photo 1-1</td><td>photo 1-2</td></tr></tbody></table>
Switch back to the 'Text' tab of the post. You will now see two gray frames side by side labeled 'photo 1-1' and 'photo 1-2.'
Drag the first image into the gray frame labeled 'photo 1-1'.
Drag the second image into the gray frame labeled 'photo 1-2'.
- If you encounter difficulty dragging images into the gray frames, switch back to the HTML tab and replace 'photo 1-1' and 'photo 1-2' with the following code: <img border='0' src='INSERT IMAGE URL' width='300' />. You can adjust the width value as needed.
Remove the text 'photo 1-1' and 'photo 1-2' below each image. The two images will now appear side by side in the post.
Tips
- Visit the app store on your mobile device (iOS, Android, Windows Phone, Blackberry, etc.) to explore third-party options for merging images side by side. Popular apps you can download include Photo Grid, Pic Stitch, Photo Joiner, and Pic Jointer.
