Zwei Bilder nebeneinander platzieren

PDF download PDF herunterladen
unter Mitarbeit von Andrea Enger

PDF download PDF herunterladen

Zwei Bilder direkt nebeneinander zu präsentieren ist eine ideale Methode, um in deinem Blog oder auf deiner Webseite Vorher-nachher-Fotos, Vergleiche und Fotocollagen zu teilen. Du kannst kostenlose Online-Apps zur Fotobearbeitung benutzen, wie etwa PhotoJoiner oder Picisto, um Bilder nebeneinander zu präsentieren, oder auf Seiten wie WordPress oder Blogger HTML-Codierung.

Methode 1
Methode 1 von 3:

Mit PhotoJoiner

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/38\/Place-Two-Pictures-Side-by-Side-Step-1.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/38\/Place-Two-Pictures-Side-by-Side-Step-1.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Navigiere zur PhotoJoiner-Webseite auf http://www.photojoiner.net/ .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6a\/Place-Two-Pictures-Side-by-Side-Step-2.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6a\/Place-Two-Pictures-Side-by-Side-Step-2.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Das Foto wird bei PhotoJoiner auf dem Bildschirm angezeigt.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Place-Two-Pictures-Side-by-Side-Step-3.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Place-Two-Pictures-Side-by-Side-Step-3.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dieses Foto wird rechts neben dem ersten angezeigt.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d4\/Place-Two-Pictures-Side-by-Side-Step-4.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d4\/Place-Two-Pictures-Side-by-Side-Step-4.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Diese Funktion fügt einen Zwischenraum hinzu, um die beiden Fotos voneinander zu trennen.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/30\/Place-Two-Pictures-Side-by-Side-Step-5.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/Place-Two-Pictures-Side-by-Side-Step-5.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Die beiden Bilder werden zu einem einzelnen Bild kombiniert.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/Place-Two-Pictures-Side-by-Side-Step-6.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/Place-Two-Pictures-Side-by-Side-Step-6.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4e\/Place-Two-Pictures-Side-by-Side-Step-7.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4e\/Place-Two-Pictures-Side-by-Side-Step-7.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Deine miteinander verbundenen Fotos werden gespeichert.
    Werbeanzeige
Methode 2
Methode 2 von 3:

Mit Picisto

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/4a\/Place-Two-Pictures-Side-by-Side-Step-8.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/4a\/Place-Two-Pictures-Side-by-Side-Step-8.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Navigiere zur Picisto-Webseite auf http://www.picisto.com/ .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6c\/Place-Two-Pictures-Side-by-Side-Step-9.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/Place-Two-Pictures-Side-by-Side-Step-9.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Klicke in der oberen rechten Ecke „Anmelden“ an und befolge dann die Anweisungen auf dem Bildschirm um ein kostenloses Konto zu erstellen. Du musst dich bei Picisto anmelden, bevor du mit diesem Service Bilder kombinieren kannst.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/80\/Place-Two-Pictures-Side-by-Side-Step-10.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/80\/Place-Two-Pictures-Side-by-Side-Step-10.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/33\/Place-Two-Pictures-Side-by-Side-Step-11.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/Place-Two-Pictures-Side-by-Side-Step-11.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Das Foto wird hochgeladen und auf der Picisto-Seite angezeigt.
    • Alternativ dazu kannst ein Foto von Facebook oder Instagram, einen URL oder ein Bild von deiner Webcam hochladen.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1c\/Place-Two-Pictures-Side-by-Side-Step-12.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1c\/Place-Two-Pictures-Side-by-Side-Step-12.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dieses Foto wird rechts neben deinem ersten angezeigt.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ef\/Place-Two-Pictures-Side-by-Side-Step-13.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ef\/Place-Two-Pictures-Side-by-Side-Step-13.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Picisto zeigt eine Meldung an, in der steht, dass dein Foto erfolgreich gespeichert wurde.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/31\/Place-Two-Pictures-Side-by-Side-Step-14.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/31\/Place-Two-Pictures-Side-by-Side-Step-14.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/52\/Place-Two-Pictures-Side-by-Side-Step-15.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Place-Two-Pictures-Side-by-Side-Step-15.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Deine Bilder werden jetzt kombiniert und in einem einzelnen Bild gespeichert.
    Werbeanzeige
Methode 3
Methode 3 von 3:

Mit HTML

PDF download PDF herunterladen
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/53\/Place-Two-Pictures-Side-by-Side-Step-16.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/53\/Place-Two-Pictures-Side-by-Side-Step-16.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-16.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Place-Two-Pictures-Side-by-Side-Step-17.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Place-Two-Pictures-Side-by-Side-Step-17.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-17.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Später musst du die Bilder anklicken und zu einem anderen Abschnitt im Blogbeitrag ziehen, um sie nebeneinander zu platzieren.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/Place-Two-Pictures-Side-by-Side-Step-18.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-18.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/Place-Two-Pictures-Side-by-Side-Step-18.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-18.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dort setzt du den Code ein, der dich zwei Bilder nebeneinander präsentieren lässt.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b6\/Place-Two-Pictures-Side-by-Side-Step-19.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-19.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b6\/Place-Two-Pictures-Side-by-Side-Step-19.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-19.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Setze dann den folgenden Code ein: <table><tbody><tr><td>photo 1-1</td><td>photo 1-2</td></tr></tbody></table>
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/Place-Two-Pictures-Side-by-Side-Step-20.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-20.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/Place-Two-Pictures-Side-by-Side-Step-20.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-20.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Du siehst jetzt zwei graue Felder nebeneinander, die mit „photo 1-1“ und „photo 1-2“ beschriftet sind.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/91\/Place-Two-Pictures-Side-by-Side-Step-21.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-21.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Place-Two-Pictures-Side-by-Side-Step-21.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-21.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9f\/Place-Two-Pictures-Side-by-Side-Step-22.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-22.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9f\/Place-Two-Pictures-Side-by-Side-Step-22.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-22.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Falls du Schwierigkeiten dabei hast, deine Fotos in die grauen Felder zu ziehen, klicke wieder zum HTML-Tab zurück und ersetze „photo 1-1“ und „photo 1-2“ durch den folgenden Code: <img border=”0″ src=”DEINEN BILD-URL EINFÜGEN” width=”300” />. Der Breitenwert kann nach Belieben geändert werden.
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/Place-Two-Pictures-Side-by-Side-Step-23.jpg\/v4-460px-Place-Two-Pictures-Side-by-Side-Step-23.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/Place-Two-Pictures-Side-by-Side-Step-23.jpg\/v4-728px-Place-Two-Pictures-Side-by-Side-Step-23.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Deine Bilder sind in deinem Beitrag jetzt nebeneinander positioniert.
    Werbeanzeige

Tipps

  • Gehe in den App Store auf deinem mobilen Gerät, um weitere Drittanbieter-Apps ausfindig zu machen, die auf deinem iOS, Android, Windows-Handy oder Blackberry Bilder miteinander verbinden können. Beispiele für seriöse Fotoverbindungs-Apps, die du herunterladen kannst, sind Photo Grid, Pic Stitch, Photo Joiner und Pic Jointer.
Werbeanzeige

Verwandte wikiHows

Die Hintergrundfarbe in Adobe Illustrator ändern
Mit MS Paint Farben umkehren
Schriftarten zu Illustrator hinzufügen
Transparenz in Photoshop einfügen
Hast du ein schiefes Lächeln? Hier findest du Tipps, was du dagegen tun kannst
Mit GIMP ein transparentes Bild erstellen
Eine Collage machen
In Adobe Illustrator ein Loch in ein Objekt schneiden
Einen Hintergrund mit Photoshop Elements entfernen
NEF Dateien in Photoshop öffnen
Einen Kreis mit Grafik Software in sechs gleiche Teile aufteilen
Objekte in Photoshop drehen
Werbeanzeige

Über dieses wikiHow

In anderen Sprachen
Diese Seite wurde bisher 186.695 mal abgerufen.

War dieser Artikel hilfreich?

Werbeanzeige