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

Video: 3 måter å plassere to bilder side om side

Video: 3 måter å plassere to bilder side om side
Video: How to Insert an Image in InDesign 2024, Kan
Anonim

Å plassere to bilder side om side er en ideell måte å dele "før" og "etter" bilder, sammenligne bilder og som collager på bloggen eller nettstedet ditt. Du kan bruke et online fotoredigeringsprogram som PhotoJoiner eller Picisto, eller du kan bruke HTML -koding for å plassere bilder side om side på et nettsted som WordPress eller Blogger.

Steg

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 vil vises på skjermen i 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 vil 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. Merk av i boksen ved siden av "Margin mellom bilder" hvis du vil

Denne funksjonen vil legge 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"

De to bildene smelter sammen til et komplett bilde.

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 bilde som"

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

Trinn 7. Gi bildet ditt et navn, og klikk deretter "Lagre"

Disse side-ved-side-bildene 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 Picisto -nettstedet på

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

Trinn 2. Klikk "Registrer deg" i øvre høyre hjørne, og følg deretter instruksjonene på skjermen for å opprette en gratis konto

Du må registrere deg hos Picisto først før du blander bilder med denne tjenesten.

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

Trinn 3. Klikk "Side om side" etter at du har kommet inn i 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”, og klikk deretter på “Bla gjennom” for å velge det første bildet du vil bruke

Bilder lastes opp og vises på Picistos nettsted.

Alternativt kan du velge å laste opp bilder fra Facebook, Instagram, URLer eller webkameraer

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 på “Bla gjennom” for å velge et annet bilde

Dette bildet vil 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 og klikk "Fullfør og lagre foto"

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

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

Trinn 7. Bla til bunnen av bildet og klikk "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 er nå slått sammen og lagret som ett komplett bilde.

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 publikasjonen eller bloggsiden der du vil ha 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 de to bildene separat i bloggpublikasjonen

Etter det klikker du og drar bildene til forskjellige deler av 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 publikasjonen din

Dette er stedet for å kopiere koden som gjør at de to bildene kan vises side om side.

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

Trinn 4. Plasser markøren der bildene skal vises side om side, og kopier deretter 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 på "Tekst" -fanen igjen i bloggpublikasjonen

Nå vil du se to grå firkanter plassert side om side merket "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 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 den grå boksen merket "foto 1-2"

Hvis du har problemer med å klikke og dra bilder inn i den grå boksen, klikker du HTML-fanen igjen og erstatter "foto 1-1" og "foto 1-2" med følgende kode:. Breddeverdien kan endres ut fra dine behov

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

Trinn 8. Fjern “foto 1-1” og “foto 1-2” tekst fra under hvert bilde

Bilder vil nå bli plassert side om side i blogginnlegget.

Anbefalt: