3 sätt att placera två foton sida vid sida

Innehållsförteckning:

3 sätt att placera två foton sida vid sida
3 sätt att placera två foton sida vid sida

Video: 3 sätt att placera två foton sida vid sida

Video: 3 sätt att placera två foton sida vid sida
Video: How to Insert an Image in InDesign 2024, November
Anonim

Att placera två foton sida vid sida är ett perfekt sätt att dela "före" och "efter" foton, jämföra foton och som collage på din blogg eller webbplats. Du kan använda ett fotoredigeringsprogram online som PhotoJoiner eller Picisto, eller så kan du använda HTML -kodning för att placera foton sida vid sida på en webbplats som WordPress eller Blogger.

Steg

Metod 1 av 3: Använda PhotoJoiner

Placera två bilder sida vid sida Steg 1
Placera två bilder sida vid sida Steg 1

Steg 1. Navigera till PhotoJoiner -webbplatsen på

Placera två bilder sida vid sida Steg 2
Placera två bilder sida vid sida Steg 2

Steg 2. Klicka på”Välj foton” och välj sedan det första fotot du vill använda

Fotot visas på skärmen i PhotoJoiner.

Placera två bilder sida vid sida Steg 3
Placera två bilder sida vid sida Steg 3

Steg 3. Klicka på “Välj foton” igen och välj sedan det andra fotot du vill använda

Det här fotot visas till höger om det första fotot.

Placera två bilder sida vid sida Steg 4
Placera två bilder sida vid sida Steg 4

Steg 4. Markera rutan bredvid”Marginal mellan bilder” om du vill

Denna funktion kommer att lägga till en marginal för att skilja de två bilderna från varandra.

Placera två bilder sida vid sida Steg 5
Placera två bilder sida vid sida Steg 5

Steg 5. Klicka på "Anslut foton"

De två bilderna smälter in i en komplett bild.

Placera två bilder sida vid sida Steg 6
Placera två bilder sida vid sida Steg 6

Steg 6. Högerklicka på fotot och välj "Spara bild som"

Placera två bilder sida vid sida Steg 7
Placera två bilder sida vid sida Steg 7

Steg 7. Ge ditt foto ett namn och klicka sedan på "Spara"

Dessa sida vid sida foton kommer nu att sparas.

Metod 2 av 3: Använda Picisto

Placera två bilder sida vid sida Steg 8
Placera två bilder sida vid sida Steg 8

Steg 1. Navigera till Picistos webbplats på

Placera två bilder sida vid sida Steg 9
Placera två bilder sida vid sida Steg 9

Steg 2. Klicka på "Registrera dig" i det övre högra hörnet och följ sedan instruktionerna på skärmen för att skapa ett gratis konto

Du måste registrera dig hos Picisto först innan du blandar foton med den här tjänsten.

Placera två bilder sida vid sida Steg 10
Placera två bilder sida vid sida Steg 10

Steg 3. Klicka på”Side by Side” när du har angett Picisto

Placera två bilder sida vid sida Steg 11
Placera två bilder sida vid sida Steg 11

Steg 4. Klicka på "Ladda upp/välj foto", klicka sedan på "Bläddra" för att välja det första fotot du vill använda

Bilder laddas upp och visas på Picistos webbplats.

Alternativt kan du välja att ladda upp foton från Facebook, Instagram, webbadresser eller webbkameror

Placera två bilder sida vid sida Steg 12
Placera två bilder sida vid sida Steg 12

Steg 5. Klicka på "Ladda upp/välj foto" igen, klicka sedan på "Bläddra" för att välja ett andra foto

Det här fotot visas till höger om det första fotot.

Placera två bilder sida vid sida Steg 13
Placera två bilder sida vid sida Steg 13

Steg 6. Bläddra till botten av fotot och klicka på "Slutför och spara foto"

Picisto visar ett meddelande som säger att ditt foto har sparats.

Placera två bilder sida vid sida Steg 14
Placera två bilder sida vid sida Steg 14

Steg 7. Bläddra till botten av fotot och klicka på "Ladda ner"

Placera två bilder sida vid sida Steg 15
Placera två bilder sida vid sida Steg 15

Steg 8. Välj alternativet för att spara fotot på skrivbordet

Dina foton slås nu samman och sparas som en komplett bild.

Metod 3 av 3: Använda HTML

Placera två bilder sida vid sida Steg 16
Placera två bilder sida vid sida Steg 16

Steg 1. Redigera publikationen eller bloggsidan där du vill ha två foton sida vid sida

Placera två bilder sida vid sida Steg 17
Placera två bilder sida vid sida Steg 17

Steg 2. Sätt in de två fotona separat i bloggpublikationen

Efter det, klicka och dra foton till olika delar av blogginlägget för att placera dem sida vid sida.

Placera två bilder sida vid sida Steg 18
Placera två bilder sida vid sida Steg 18

Steg 3. Klicka på "HTML" -fliken i din publikation

Det här är platsen för att kopiera koden som gör att de två fotona kan visas sida vid sida.

Placera två bilder sida vid sida Steg 19
Placera två bilder sida vid sida Steg 19

Steg 4. Placera markören där fotona ska visas sida vid sida och kopiera sedan följande kod:

foto 1-1 foto 1-2
Placera två bilder sida vid sida Steg 20
Placera två bilder sida vid sida Steg 20

Steg 5. Klicka på fliken "Text" igen i bloggpublikationen

Nu kommer du att se två grå rutor placerade sida vid sida märkta "foto 1-1" och "foto1-2".

Placera två bilder sida vid sida Steg 21
Placera två bilder sida vid sida Steg 21

Steg 6. Klicka och dra det första fotot över den grå rutan märkt "foto 1-1"

Placera två bilder sida vid sida Steg 22
Placera två bilder sida vid sida Steg 22

Steg 7. Klicka och dra det andra fotot över den grå rutan märkt "foto 1-2"

Om du har problem med att klicka och dra foton till den grå rutan klickar du på HTML-fliken igen och ersätter "foto 1-1" och "foto 1-2" med följande kod:. Breddvärdet kan ändras utifrån dina behov

Placera två bilder sida vid sida Steg 23
Placera två bilder sida vid sida Steg 23

Steg 8. Ta bort "foto 1-1" och "foto 1-2" text under varje foto

Bilder kommer nu att placeras sida vid sida i blogginlägget.

Rekommenderad: