3 måter å plassere to bilder side om side

Innholdsfortegnelse:

3 måter å plassere to bilder side om side
3 måter å plassere to bilder side om side
Anonim

Med to bilder side om side er en ideell måte å dele før-og-etter-bilder, sammenligninger og fotokollager på bloggen eller nettstedet ditt. Du kan bruke gratis fotoredigeringsprogrammer som PhotoJoiner eller Picisto, eller bruke HTML-koding for å vise bilder side om side på nettsteder som WordPress eller Blogger.

Trinn

Metode 1 av 3: Bruke PhotoJoiner

Plasser to bilder side om side Trinn 1
Plasser to bilder side om side Trinn 1

Trinn 1. Naviger til PhotoJoiner -nettstedet på

Plasser to bilder side om side Trinn 2
Plasser to bilder side om side Trinn 2

Trinn 2. Klikk på "Velg bilder", og velg deretter det første bildet du vil bruke

Bildet vises på skjermen på PhotoJoiner.

Plasser to bilder side om side Trinn 3
Plasser to bilder side om side Trinn 3

Trinn 3. Klikk på "Velg bilder" igjen, og velg deretter det andre bildet du vil bruke

Dette bildet vises til høyre for det første bildet.

Plasser to bilder side om side Trinn 4
Plasser to bilder side om side Trinn 4

Trinn 4. Sett en hake ved siden av "Margin mellom bilder", hvis du ønsker det

Denne funksjonen legger til en margin for å skille de to bildene fra hverandre.

Plasser to bilder side om side Trinn 5
Plasser to bilder side om side Trinn 5

Trinn 5. Klikk på "Bli med bilder

Begge bildene kombineres til ett solobilde.

Plasser to bilder side om side Trinn 6
Plasser to bilder side om side Trinn 6

Trinn 6. Høyreklikk på bildet og velg "Lagre bildet som

Plasser to bilder side om side trinn 7
Plasser to bilder side om side trinn 7

Trinn 7. Skriv inn et navn på bildet ditt, og klikk deretter "Lagre

Bildet ditt ved siden av hverandre blir nå lagret.

Metode 2 av 3: Bruke Picisto

Plasser to bilder side om side Trinn 8
Plasser to bilder side om side Trinn 8

Trinn 1. Naviger til Picistos nettsted på

Plasser to bilder side om side Trinn 9
Plasser to bilder side om side Trinn 9

Trinn 2. Klikk på "Registrering" øverst til høyre, og følg deretter instruksjonene på skjermen for å opprette en gratis konto

Du må registrere deg for Picisto før du kan kombinere bilder med denne tjenesten.

Plasser to bilder side om side Trinn 10
Plasser to bilder side om side Trinn 10

Trinn 3. Klikk på "Side by Side" etter at du har logget deg på Picisto

Plasser to bilder side om side Trinn 11
Plasser to bilder side om side Trinn 11

Trinn 4. Klikk på "Last opp / velg foto", klikk deretter "Bla gjennom" for å velge det første bildet du vil bruke

Bildet lastes opp og vises på Picisto -nettstedet.

Alternativt kan du velge å laste opp et bilde fra Facebook, Instagram, URL eller webkamera

Plasser to bilder side om side Trinn 12
Plasser to bilder side om side Trinn 12

Trinn 5. Klikk på "Last opp / velg foto" igjen, og klikk deretter "Bla gjennom" for å velge det andre bildet

Dette bildet vises til høyre for det første bildet.

Plasser to bilder side om side Trinn 13
Plasser to bilder side om side Trinn 13

Trinn 6. Rull til bunnen av bildet ditt og klikk "Fullfør og lagre foto

Picisto vil vise en melding om at bildet ditt ble lagret.

Plasser to bilder side om side Trinn 14
Plasser to bilder side om side Trinn 14

Trinn 7. Rull til bunnen av bildet ditt og klikk på "Last ned

Plasser to bilder side om side Trinn 15
Plasser to bilder side om side Trinn 15

Trinn 8. Velg alternativet for å "lagre" bildet på skrivebordet

Bildene dine blir nå kombinert og lagret til ett solobilde.

Metode 3 av 3: Bruke HTML

Plasser to bilder side om side Trinn 16
Plasser to bilder side om side Trinn 16

Trinn 1. Rediger blogginnlegget eller siden der du vil vise to bilder side om side

Plasser to bilder side om side Trinn 17
Plasser to bilder side om side Trinn 17

Trinn 2. Sett inn begge bildene separat i blogginnlegget ditt

Senere må du klikke og dra bildene til en annen seksjon i blogginnlegget for å plassere dem side om side.

Plasser to bilder side om side Trinn 18
Plasser to bilder side om side Trinn 18

Trinn 3. Klikk på "HTML" -fanen i innlegget ditt

Det er her du vil lime inn koden som lar deg vise to bilder side om side.

Plasser to bilder side om side Trinn 19
Plasser to bilder side om side Trinn 19

Trinn 4. Plasser markøren på stedet der du vil at de to bildene skal vises side om side, og lim deretter inn følgende kode:

bilde 1-1 bilde 1-2
Plasser to bilder side om side Trinn 20
Plasser to bilder side om side Trinn 20

Trinn 5. Klikk tilbake til kategorien "Tekst" i innlegget ditt

Du vil nå se to grå bokser side om side merket som "foto 1-1" og "foto1-2."

Plasser to bilder side om side Trinn 21
Plasser to bilder side om side Trinn 21

Trinn 6. Klikk og dra det første bildet over til den grå boksen merket "foto 1-1

Plasser to bilder side om side Trinn 22
Plasser to bilder side om side Trinn 22

Trinn 7. Klikk og dra det andre bildet over til den grå boksen merket "foto 1-2

Hvis du opplever problemer med å klikke og dra bildene dine til de grå boksene, klikker du tilbake til HTML-fanen og erstatter "foto 1-1" og "foto 1-2" med følgende kode:. Breddeverdien kan endres ut fra dine preferanser

Plasser to bilder side om side Trinn 23
Plasser to bilder side om side Trinn 23

Trinn 8. Slett teksten “foto 1-1” og “foto 1-2” under hvert bilde

Bildene dine vil nå bli plassert side om side i innlegget ditt.

Anbefalt: