Place two photos side by side

Author: Tamara Smith
Date Of Creation: 19 January 2021
Update Date: 1 July 2024
Anonim
How to create a side-by-side collage in Photoshop CC
Video: How to create a side-by-side collage in Photoshop CC

Content

Placing two photos side by side is an ideal way to display before and after photos, comparisons or collages on your blog or website. You can use free online photo editing apps like PhotoJoiner or Picisto, or use HTML to show photos side by side on sites like WordPress or Blogger.

To step

Method 1 of 3: Using PhotoJoiner

  1. Go to the PhotoJoiner site at http://www.photojoiner.net/.
  2. Click on "select photos", then select the first photo you want to use. The photo will be displayed on the PhotoJoiner screen.
  3. Click "select photos" again, then select the second photo you want to use. This photo will be shown to the right of the first photo.
  4. If desired, make a check mark next to "margin between photos". This feature adds a margin to separate the two photos.
  5. Click on "Merge Photos". Both photos will be merged into a single photo.
  6. Right-click on the photo and select "save as."..’
  7. Type in a name for your photo, then click "save". Your merged photo will now be saved.

Method 2 of 3: Using Picisto

  1. Go to the Picisto website at http://www.picisto.com/.
  2. Click "register" at the top right, then follow the on-screen instructions to create a free account. You must sign up for Picisto before you can use this service to combine photos.
  3. Click on "side by side" after you have logged in to Picisto.
  4. Click on "upload / choose photo", and then click on "browse" to select the first photo you want to use. The photo will be uploaded and displayed on the screen of the Picisto website.
    • Alternatively, you can choose to upload a photo from Facebook, Instagram, a particular URL, or your webcam.
  5. Click "Upload / Choose Photo" again, then click "Browse" to select the second photo. This photo will be displayed to the right of your first photo.
  6. Scroll to the bottom of your photo and click "finish and save". Picisto will display a message to tell you that your photo has been saved.
  7. Scroll to the bottom of your photo and click "Download".
  8. Select the "save" option to save the photo to your desktop. Your photos will now be combined and saved as a single photo.

Method 3 of 3: Using HTML

  1. Edit the blog post or page where you want to show two photos side by side.
  2. Add both photos separately to your blog post. Later, you will have to click on the photos to drag them to another part of your blog post to place them side by side.
  3. Click on the "HTML" tab of your post. This is where you will paste the code that will allow you to display two photos side by side.
  4. Position your cursor where you want the two photos next to each other, and paste the following code there: table> tbody> tr> td> photo 1-1 / td> td> photo 1-2 / td> / tr> / tbody> / table>
  5. Click on the "text" tab of your post again. You will now see two gray boxes next to each other labeled "photo 1-1" and "photo 1-2".
  6. Click and drag the first photo to the gray box labeled "photo 1-1".
  7. Click and drag the second photo to the gray box labeled "photo 1-2".
    • If you are having trouble clicking and dragging your photos to the gray boxes, click the HTML tab again 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 adjusted as desired.
  8. Delete the "photo 1-1" and "photo 1-2" text from below the photos. Your photos will now be placed side by side in your post.

Tips

  • Visit the app store on your mobile device to find other third-party apps that can merge photos on your iOS or Android. Examples of good photo merge apps that you can download include Photo Grid, Pic Stitch, Photo Joiner, and Pic Jointer.