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

Innehållsförteckning:

3 sätt att placera två bilder sida vid sida
3 sätt att placera två bilder sida vid sida
Anonim

Med två bilder sida vid sida är ett idealiskt sätt att dela före och efter foton, jämförelser och fotocollage på din blogg eller webbplats. Du kan använda gratis fotoredigeringsprogram online som PhotoJoiner eller Picisto, eller använda HTML-kodning för att visa foton sida vid sida på webbplatser 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 på 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

Detta foto 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. Sätt en bock vid "Marginal mellan bilder", om så önskas

Denna funktion lägger till en marginal för att skilja de två fotona 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

Båda bilderna kommer att kombineras till en solobild.

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. Skriv ett namn på ditt foto och klicka sedan på "Spara

Ditt sida vid sida-foto sparas nu.

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 för Picisto innan du kan kombinera foton med denna tjänst.

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

Steg 3. Klicka på”Side by Side” efter att du loggat in på 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" och klicka sedan på "Bläddra" för att välja det första fotot du vill använda

Fotot laddas upp och visas på Picistos webbplats.

Alternativt kan du välja att ladda upp ett foto från Facebook, Instagram, URL eller webbkamera

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 det andra fotot

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

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

Steg 6. Bläddra till botten av ditt foto 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 ditt foto 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 att "spara" fotot på skrivbordet

Dina bilder kommer nu att kombineras och sparas till en solobild.

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 blogginlägget eller sidan där du vill ha två bilder sida vid sida

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

Steg 2. Sätt in båda bilderna separat i ditt blogginlägg

Senare måste du klicka och dra bilderna till ett annat avsnitt i 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å fliken "HTML" i ditt inlägg

Det är här du klistrar in koden som låter dig visa två bilder sida vid sida.

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

Steg 4. Placera markören på den plats där du vill att de två fotona ska visas sida vid sida och klistra sedan in 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 tillbaka till fliken "Text" i ditt inlägg

Du kommer nu att se två grå rutor sida vid sida märkta som "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 till 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 till den grå rutan märkt”foto 1-2

Om du upplever problem med att klicka och dra dina foton till de grå rutorna klickar du tillbaka till HTML-fliken och ersätter "foto 1-1" och "foto 1-2" med följande kod:. Breddvärdet kan ändras utifrån dina önskemål

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

Steg 8. Ta bort texten "foto 1-1" och "foto 1-2" nedanför varje foto

Dina bilder kommer nu att placeras sida vid sida i ditt inlägg.

Rekommenderad: