3 måder at placere to billeder side om side

Indholdsfortegnelse:

3 måder at placere to billeder side om side
3 måder at placere to billeder side om side
Anonim

Med to billeder side om side er en ideel måde at dele før-og-efter-fotos, sammenligninger og fotokollager på din blog eller dit websted. Du kan bruge gratis online fotoredigeringsapps, f.eks. PhotoJoiner eller Picisto, eller bruge HTML-kodning til at vise fotos side om side på websteder som WordPress eller Blogger.

Trin

Metode 1 af 3: Brug af PhotoJoiner

Placer to billeder side om side Trin 1
Placer to billeder side om side Trin 1

Trin 1. Naviger til PhotoJoiner -webstedet på

Placer to billeder side om side Trin 2
Placer to billeder side om side Trin 2

Trin 2. Klik på "Vælg fotos", og vælg derefter det første foto, du vil bruge

Billedet vises på skærmen på PhotoJoiner.

Placer to billeder side om side Trin 3
Placer to billeder side om side Trin 3

Trin 3. Klik på "Vælg fotos" igen, og vælg derefter det andet foto, du vil bruge

Dette foto vises til højre for det første foto.

Placer to billeder side om side Trin 4
Placer to billeder side om side Trin 4

Trin 4. Sæt et flueben ud for "Margen mellem billeder", hvis det ønskes

Denne funktion tilføjer en margen til at adskille de to fotos fra hinanden.

Placer to billeder side om side Trin 5
Placer to billeder side om side Trin 5

Trin 5. Klik på “Deltag i fotos

Begge billeder kombineres til ét solobillede.

Placer to billeder side om side Trin 6
Placer to billeder side om side Trin 6

Trin 6. Højreklik på billedet og vælg “Gem billede som

Placer to billeder side om side Trin 7
Placer to billeder side om side Trin 7

Trin 7. Skriv et navn til dit foto, og klik derefter på "Gem

Dit foto ved siden af hinanden gemmes nu.

Metode 2 af 3: Brug af Picisto

Placer to billeder side om side Trin 8
Placer to billeder side om side Trin 8

Trin 1. Naviger til Picistos websted på

Placer to billeder side om side Trin 9
Placer to billeder side om side Trin 9

Trin 2. Klik på "Tilmelding" i øverste højre hjørne, og følg derefter instruktionerne på skærmen for at oprette en gratis konto

Du skal tilmelde dig Picisto, før du kan kombinere fotos ved hjælp af denne service.

Placer to billeder side om side Trin 10
Placer to billeder side om side Trin 10

Trin 3. Klik på "Side om side" efter at have logget ind på Picisto

Placer to billeder side om side Trin 11
Placer to billeder side om side Trin 11

Trin 4. Klik på "Upload / Vælg foto", klik derefter på "Gennemse" for at vælge det første foto, du vil bruge

Billedet uploades og vises på Picisto -webstedet.

Alternativt kan du vælge at uploade et foto fra Facebook, Instagram, URL eller webcam

Placer to billeder side om side Trin 12
Placer to billeder side om side Trin 12

Trin 5. Klik på "Upload / Vælg foto" igen, klik derefter på "Gennemse" for at vælge det andet foto

Dette foto vises til højre for dit første foto.

Placer to billeder side om side Trin 13
Placer to billeder side om side Trin 13

Trin 6. Rul til bunden af dit foto, og klik på "Afslut og gem foto

Picisto viser en meddelelse om, at dit foto blev gemt.

Placer to billeder side om side Trin 14
Placer to billeder side om side Trin 14

Trin 7. Rul til bunden af dit foto, og klik på "Download

Placer to billeder side om side Trin 15
Placer to billeder side om side Trin 15

Trin 8. Vælg indstillingen for at "gemme" fotoet på dit skrivebord

Dine billeder vil nu blive kombineret og gemt i ét solobillede.

Metode 3 af 3: Brug af HTML

Placer to billeder side om side Trin 16
Placer to billeder side om side Trin 16

Trin 1. Rediger blogindlægget eller siden, hvor du vil have to billeder side om side

Placer to billeder side om side Trin 17
Placer to billeder side om side Trin 17

Trin 2. Indsæt begge billeder separat i dit blogindlæg

Senere skal du klikke og trække billederne til et andet afsnit i blogindlægget for at placere dem side om side.

Placer to billeder side om side Trin 18
Placer to billeder side om side Trin 18

Trin 3. Klik på fanen "HTML" i dit indlæg

Det er her, du vil indsætte koden, der giver dig mulighed for at vise to billeder side om side.

Placer to billeder side om side Trin 19
Placer to billeder side om side Trin 19

Trin 4. Placer markøren på det sted, hvor de to fotos skal vises side om side, og indsæt derefter følgende kode:

foto 1-1 foto 1-2
Placer to billeder side om side Trin 20
Placer to billeder side om side Trin 20

Trin 5. Klik tilbage til fanen "Tekst" i dit indlæg

Du vil nu se to grå bokse side om side mærket som "foto 1-1" og "foto1-2".

Placer to billeder side om side Trin 21
Placer to billeder side om side Trin 21

Trin 6. Klik og træk det første foto over i den grå boks mærket "foto 1-1

Placer to billeder side om side Trin 22
Placer to billeder side om side Trin 22

Trin 7. Klik og træk det andet foto over i den grå boks mærket "foto 1-2

Hvis du oplever problemer med at klikke og trække dine fotos til de grå felter, skal du klikke tilbage til fanen HTML og erstatte "foto 1-1" og "foto 1-2" med følgende kode:. Breddeværdien kan ændres ud fra dine præferencer

Placer to billeder side om side Trin 23
Placer to billeder side om side Trin 23

Trin 8. Slet "foto 1-1" og "foto 1-2" tekst under hvert foto

Dine billeder vil nu blive placeret side om side i dit indlæg.

Anbefalede: