3 Möglichkeiten, zwei Bilder nebeneinander zu platzieren

Inhaltsverzeichnis:

3 Möglichkeiten, zwei Bilder nebeneinander zu platzieren
3 Möglichkeiten, zwei Bilder nebeneinander zu platzieren
Anonim

Das Anzeigen von zwei Bildern nebeneinander ist eine ideale Möglichkeit, um Vorher-Nachher-Fotos, Vergleiche und Fotocollagen auf Ihrem Blog oder Ihrer Website zu teilen. Sie können kostenlose Online-Fotobearbeitungs-Apps wie PhotoJoiner oder Picisto verwenden oder HTML-Codierung verwenden, um Fotos nebeneinander auf Websites wie WordPress oder Blogger anzuzeigen.

Schritte

Methode 1 von 3: Verwenden von PhotoJoiner

Platzieren Sie zwei Bilder nebeneinander Schritt 1
Platzieren Sie zwei Bilder nebeneinander Schritt 1

Schritt 1. Navigieren Sie zur PhotoJoiner-Website unter

Platzieren Sie zwei Bilder nebeneinander Schritt 2
Platzieren Sie zwei Bilder nebeneinander Schritt 2

Schritt 2. Klicken Sie auf „Fotos auswählen“und wählen Sie dann das erste Foto aus, das Sie verwenden möchten

Das Foto wird auf dem Bildschirm von PhotoJoiner angezeigt.

Platzieren Sie zwei Bilder nebeneinander Schritt 3
Platzieren Sie zwei Bilder nebeneinander Schritt 3

Schritt 3. Klicken Sie erneut auf „Fotos auswählen“und wählen Sie dann das zweite Foto aus, das Sie verwenden möchten

Dieses Foto wird rechts neben dem ersten Foto angezeigt.

Platzieren Sie zwei Bilder nebeneinander Schritt 4
Platzieren Sie zwei Bilder nebeneinander Schritt 4

Schritt 4. Setzen Sie bei Bedarf ein Häkchen neben „Rand zwischen Bildern“

Diese Funktion fügt einen Rand hinzu, um die beiden Fotos voneinander zu trennen.

Platzieren Sie zwei Bilder nebeneinander Schritt 5
Platzieren Sie zwei Bilder nebeneinander Schritt 5

Schritt 5. Klicken Sie auf „Fotos beitreten“

Beide Bilder werden zu einem Solo-Bild kombiniert.

Platzieren Sie zwei Bilder nebeneinander Schritt 6
Platzieren Sie zwei Bilder nebeneinander Schritt 6

Schritt 6. Klicken Sie mit der rechten Maustaste auf das Foto und wählen Sie „Bild speichern unter

Platzieren Sie zwei Bilder nebeneinander Schritt 7
Platzieren Sie zwei Bilder nebeneinander Schritt 7

Schritt 7. Geben Sie einen Namen für Ihr Foto ein und klicken Sie dann auf „Speichern“

Ihr Side-by-Side-Foto wird jetzt gespeichert.

Methode 2 von 3: Verwenden von Picisto

Platzieren Sie zwei Bilder nebeneinander Schritt 8
Platzieren Sie zwei Bilder nebeneinander Schritt 8

Schritt 1. Navigieren Sie zur Picisto-Website unter

Platzieren Sie zwei Bilder nebeneinander Schritt 9
Platzieren Sie zwei Bilder nebeneinander Schritt 9

Schritt 2. Klicken Sie oben rechts auf „Anmelden“und befolgen Sie dann die Anweisungen auf dem Bildschirm, um ein kostenloses Konto zu erstellen

Sie müssen sich bei Picisto anmelden, bevor Sie Fotos mit diesem Service kombinieren können.

Platzieren Sie zwei Bilder nebeneinander Schritt 10
Platzieren Sie zwei Bilder nebeneinander Schritt 10

Schritt 3. Klicken Sie nach der Anmeldung bei Picisto auf „Side by Side“

Platzieren Sie zwei Bilder nebeneinander Schritt 11
Platzieren Sie zwei Bilder nebeneinander Schritt 11

Schritt 4. Klicken Sie auf „Hochladen / Foto auswählen“und dann auf „Durchsuchen“, um das erste Foto auszuwählen, das Sie verwenden möchten

Das Foto wird hochgeladen und auf der Picisto-Site angezeigt.

Alternativ können Sie ein Foto von Facebook, Instagram, URL oder Webcam hochladen

Platzieren Sie zwei Bilder nebeneinander Schritt 12
Platzieren Sie zwei Bilder nebeneinander Schritt 12

Schritt 5. Klicken Sie erneut auf „Hochladen / Foto auswählen“und dann auf „Durchsuchen“, um das zweite Foto auszuwählen

Dieses Foto wird rechts neben Ihrem ersten Foto angezeigt.

Platzieren Sie zwei Bilder nebeneinander Schritt 13
Platzieren Sie zwei Bilder nebeneinander Schritt 13

Schritt 6. Scrollen Sie zum Ende Ihres Fotos und klicken Sie auf „Fertig stellen und Foto speichern“

Picisto zeigt eine Meldung an, dass Ihr Foto erfolgreich gespeichert wurde.

Platzieren Sie zwei Bilder nebeneinander Schritt 14
Platzieren Sie zwei Bilder nebeneinander Schritt 14

Schritt 7. Scrollen Sie zum Ende Ihres Fotos und klicken Sie auf „Herunterladen“

Platzieren Sie zwei Bilder nebeneinander Schritt 15
Platzieren Sie zwei Bilder nebeneinander Schritt 15

Schritt 8. Wählen Sie die Option zum „Speichern“des Fotos auf Ihrem Desktop

Ihre Bilder werden nun kombiniert und in einem Solo-Bild gespeichert.

Methode 3 von 3: Verwenden von HTML

Platzieren Sie zwei Bilder nebeneinander Schritt 16
Platzieren Sie zwei Bilder nebeneinander Schritt 16

Schritt 1. Bearbeiten Sie den Blogbeitrag oder die Seite, auf der Sie zwei Bilder nebeneinander anzeigen möchten

Platzieren Sie zwei Bilder nebeneinander Schritt 17
Platzieren Sie zwei Bilder nebeneinander Schritt 17

Schritt 2. Fügen Sie beide Bilder separat in Ihren Blog-Beitrag ein

Später müssen Sie die Bilder anklicken und in einen anderen Abschnitt im Blogbeitrag ziehen, um sie nebeneinander zu platzieren.

Platzieren Sie zwei Bilder nebeneinander Schritt 18
Platzieren Sie zwei Bilder nebeneinander Schritt 18

Schritt 3. Klicken Sie in Ihrem Beitrag auf die Registerkarte „HTML“

Hier fügen Sie den Code ein, mit dem Sie zwei Bilder nebeneinander anzeigen können.

Platzieren Sie zwei Bilder nebeneinander Schritt 19
Platzieren Sie zwei Bilder nebeneinander Schritt 19

Schritt 4. Positionieren Sie Ihren Cursor an der Stelle, an der die beiden Fotos nebeneinander angezeigt werden sollen, und fügen Sie dann den folgenden Code ein:

Foto 1-1 Foto 1-2
Platzieren Sie zwei Bilder nebeneinander Schritt 20
Platzieren Sie zwei Bilder nebeneinander Schritt 20

Schritt 5. Klicken Sie zurück auf die Registerkarte „Text“Ihres Beitrags

Sie sehen nun zwei graue Kästchen nebeneinander, die mit „Foto 1-1“und „Foto 1-2“beschriftet sind.

Platzieren Sie zwei Bilder nebeneinander Schritt 21
Platzieren Sie zwei Bilder nebeneinander Schritt 21

Schritt 6. Klicken Sie auf das erste Foto und ziehen Sie es in das graue Feld mit der Bezeichnung „Foto 1-1

Platzieren Sie zwei Bilder nebeneinander Schritt 22
Platzieren Sie zwei Bilder nebeneinander Schritt 22

Schritt 7. Klicken Sie auf das zweite Foto und ziehen Sie es in das graue Feld mit der Bezeichnung „Foto 1-2

Wenn Sie Schwierigkeiten beim Anklicken und Ziehen Ihrer Fotos in die grauen Felder haben, klicken Sie zurück zum HTML-Tab und ersetzen Sie „Foto 1-1“und „Foto 1-2“durch den folgenden Code:. Der Breitenwert kann nach Ihren Wünschen geändert werden

Platzieren Sie zwei Bilder nebeneinander Schritt 23
Platzieren Sie zwei Bilder nebeneinander Schritt 23

Schritt 8. Löschen Sie den Text „Foto 1-1“und „Foto 1-2“unter jedem Foto

Ihre Bilder werden nun in Ihrem Beitrag nebeneinander positioniert.

Empfohlen: