3 manieren om twee afbeeldingen naast elkaar te plaatsen

Inhoudsopgave:

3 manieren om twee afbeeldingen naast elkaar te plaatsen
3 manieren om twee afbeeldingen naast elkaar te plaatsen
Anonim

Twee foto's naast elkaar plaatsen is een ideale manier om voor-en-na-foto's, vergelijkingen en fotocollages op uw blog of website te delen. U kunt gratis online fotobewerkings-apps gebruiken, zoals PhotoJoiner of Picisto, of HTML-codering gebruiken om foto's naast elkaar weer te geven op sites zoals WordPress of Blogger.

Stappen

Methode 1 van 3: PhotoJoiner gebruiken

Plaats twee afbeeldingen naast elkaar Stap 1
Plaats twee afbeeldingen naast elkaar Stap 1

Stap 1. Navigeer naar de PhotoJoiner-website op

Plaats twee afbeeldingen naast elkaar Stap 2
Plaats twee afbeeldingen naast elkaar Stap 2

Stap 2. Klik op "Foto's selecteren" en selecteer vervolgens de eerste foto die u wilt gebruiken

De foto wordt op het scherm weergegeven bij PhotoJoiner.

Plaats twee afbeeldingen naast elkaar Stap 3
Plaats twee afbeeldingen naast elkaar Stap 3

Stap 3. Klik nogmaals op "Foto's selecteren" en selecteer vervolgens de tweede foto die u wilt gebruiken

Deze foto wordt rechts van de eerste foto weergegeven.

Plaats twee afbeeldingen naast elkaar Stap 4
Plaats twee afbeeldingen naast elkaar Stap 4

Stap 4. Plaats indien gewenst een vinkje naast 'Marge tussen afbeeldingen'

Deze functie voegt een marge toe om de twee foto's van elkaar te scheiden.

Plaats twee afbeeldingen naast elkaar Stap 5'
Plaats twee afbeeldingen naast elkaar Stap 5'

Stap 5. Klik op "Deelnemen aan foto's

Beide beelden worden gecombineerd tot één solobeeld.

Plaats twee afbeeldingen naast elkaar Stap 6
Plaats twee afbeeldingen naast elkaar Stap 6

Stap 6. Klik met de rechtermuisknop op de foto en selecteer "Afbeelding opslaan als

Plaats twee afbeeldingen naast elkaar Stap 7
Plaats twee afbeeldingen naast elkaar Stap 7

Stap 7. Typ een naam voor uw foto en klik vervolgens op 'Opslaan'

Uw zij-aan-zij-foto wordt nu opgeslagen.

Methode 2 van 3: Picisto gebruiken

Plaats twee afbeeldingen naast elkaar Stap 8
Plaats twee afbeeldingen naast elkaar Stap 8

Stap 1. Navigeer naar de Picisto-website op

Plaats twee afbeeldingen naast elkaar Stap 9
Plaats twee afbeeldingen naast elkaar Stap 9

Stap 2. Klik op "Aanmelden" in de rechterbovenhoek en volg de instructies op het scherm om een gratis account aan te maken

U moet zich aanmelden voor Picisto voordat u foto's kunt combineren met deze service.

Plaats twee afbeeldingen naast elkaar Stap 10
Plaats twee afbeeldingen naast elkaar Stap 10

Stap 3. Klik op "Side by Side" nadat u zich hebt aangemeld bij Picisto

Plaats twee afbeeldingen naast elkaar Stap 11
Plaats twee afbeeldingen naast elkaar Stap 11

Stap 4. Klik op "Upload / Choose Photo" en klik vervolgens op "Browse" om de eerste foto te selecteren die u wilt gebruiken

De foto wordt geüpload en weergegeven op de Picisto-site.

Als alternatief kunt u ervoor kiezen om een foto van Facebook, Instagram, URL of webcam te uploaden

Plaats twee afbeeldingen naast elkaar Stap 12
Plaats twee afbeeldingen naast elkaar Stap 12

Stap 5. Klik nogmaals op "Upload / Choose Photo" en klik vervolgens op "Browse" om de tweede foto te selecteren

Deze foto wordt rechts van je eerste foto weergegeven.

Plaats twee afbeeldingen naast elkaar Stap 13
Plaats twee afbeeldingen naast elkaar Stap 13

Stap 6. Scroll naar de onderkant van je foto en klik op "Finish and Save Photo"

Picisto geeft een bericht weer dat uw foto succesvol is opgeslagen.

Plaats twee afbeeldingen naast elkaar Stap 14
Plaats twee afbeeldingen naast elkaar Stap 14

Stap 7. Scroll naar de onderkant van je foto en klik op "Downloaden

Plaats twee afbeeldingen naast elkaar Stap 15
Plaats twee afbeeldingen naast elkaar Stap 15

Stap 8. Selecteer de optie om de foto op uw bureaublad te "opslaan"

Uw foto's worden nu gecombineerd en opgeslagen in één solo-afbeelding.

Methode 3 van 3: HTML gebruiken

Plaats twee afbeeldingen naast elkaar Stap 16
Plaats twee afbeeldingen naast elkaar Stap 16

Stap 1. Bewerk de blogpost of pagina waarop u twee foto's naast elkaar wilt weergeven

Plaats twee afbeeldingen naast elkaar Stap 17
Plaats twee afbeeldingen naast elkaar Stap 17

Stap 2. Voeg beide afbeeldingen afzonderlijk in je blogpost in

Later moet je op de afbeeldingen klikken en ze naar een ander gedeelte in de blogpost slepen om ze naast elkaar te plaatsen.

Plaats twee afbeeldingen naast elkaar Stap 18
Plaats twee afbeeldingen naast elkaar Stap 18

Stap 3. Klik op het tabblad "HTML" in uw bericht

Hier plak je de code waarmee je twee afbeeldingen naast elkaar kunt weergeven.

Plaats twee afbeeldingen naast elkaar Stap 19
Plaats twee afbeeldingen naast elkaar Stap 19

Stap 4. Plaats uw cursor op de plaats waar u de twee foto's naast elkaar wilt weergeven en plak de volgende code:

foto 1-1 foto 1-2
Plaats twee afbeeldingen naast elkaar Stap 20
Plaats twee afbeeldingen naast elkaar Stap 20

Stap 5. Klik terug naar het tabblad "Tekst" van uw bericht

U ziet nu twee grijze vakken naast elkaar met het label "foto 1-1" en "foto1-2".

Plaats twee afbeeldingen naast elkaar Stap 21
Plaats twee afbeeldingen naast elkaar Stap 21

Stap 6. Klik en sleep de eerste foto naar het grijze vak met het label "foto 1-1

Plaats twee afbeeldingen naast elkaar Stap 22
Plaats twee afbeeldingen naast elkaar Stap 22

Stap 7. Klik en sleep de tweede foto naar het grijze vak met het label "foto 1-2

Als u problemen ondervindt met het klikken en slepen van uw foto's naar de grijze vakken, klik dan terug naar het tabblad HTML en vervang "foto 1-1" en "foto 1-2" door de volgende code:. De breedtewaarde kan worden gewijzigd op basis van uw voorkeur

Plaats twee afbeeldingen naast elkaar Stap 23
Plaats twee afbeeldingen naast elkaar Stap 23

Stap 8. Verwijder de tekst "foto 1-1" en "foto 1-2" onder elke foto

Je afbeeldingen worden nu naast elkaar in je bericht geplaatst.

Aanbevolen: