3 manieren om twee foto's naast elkaar te plaatsen

Inhoudsopgave:

3 manieren om twee foto's naast elkaar te plaatsen
3 manieren om twee foto's naast elkaar te plaatsen

Video: 3 manieren om twee foto's naast elkaar te plaatsen

Video: 3 manieren om twee foto's naast elkaar te plaatsen
Video: How to Insert an Image in InDesign 2024, Mei
Anonim

Twee foto's naast elkaar plaatsen is een ideale manier om "voor" en "na" foto's te delen, foto's te vergelijken en als collages op uw blog of website. U kunt een online fotobewerkingsprogramma gebruiken zoals PhotoJoiner of Picisto, of u kunt HTML-codering gebruiken om foto's naast elkaar te plaatsen op een site zoals WordPress of Blogger.

Stap

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-site 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 weergegeven op het scherm in 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 verschijnt rechts van de eerste foto.

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

Stap 4. Vink het vakje naast "Marge tussen afbeeldingen" aan als je wilt

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"

De twee foto's zullen samenvloeien tot een compleet beeld.

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. Geef uw foto een naam en klik vervolgens op "Opslaan"

Deze foto's naast elkaar worden 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-site 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 eerst bij Picisto registreren voordat u foto's kunt mengen met deze service.

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

Stap 3. Klik op "Side by Side" na het invoeren van 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

Foto's worden geüpload en weergegeven op de Picisto-website.

U kunt er ook voor kiezen om foto's van Facebook, Instagram, URL's of webcams 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 een tweede foto te selecteren

Deze foto verschijnt rechts van de eerste foto.

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

Stap 6. Scroll naar de onderkant van de 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 de 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 het bureaublad op te slaan

Uw foto's zijn nu samengevoegd en opgeslagen als één volledige 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 publicatie of blogpagina waar je twee foto's naast elkaar wilt hebben

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

Stap 2. Plaats de twee foto's afzonderlijk in de blogpublicatie

Klik en sleep daarna de foto's naar verschillende delen van de blogpost 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" van uw publicatie

Dit is de plek om de code te kopiëren waarmee de twee foto's naast elkaar kunnen worden weergegeven.

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

Stap 4. Plaats de cursor waar de foto's naast elkaar worden weergegeven en kopieer vervolgens 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 nogmaals op het tabblad "Tekst" in de blogpublicatie

Nu ziet u twee grijze vierkanten 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 over 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 over het grijze vak met het label "foto 1-2"

Als u problemen ondervindt bij het klikken en slepen van foto's naar het grijze vak, klikt u nogmaals op het tabblad HTML en vervangt u "foto 1-1" en "foto 1-2" door de volgende code:. De breedtewaarde kan worden gewijzigd op basis van uw behoeften

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

Foto's worden nu naast elkaar geplaatst in de blogpost.

Aanbevolen: