„Ein Bild über ein anderes legen“ ist die alltagssprachliche Beschreibung einer Bildüberlagerung. Ein Foto bildet die Arbeitsfläche, ein zweites wird als bewegliche Ebene darübergelegt. Die obere Ebene kann das gesamte Bild bedecken, klein als Logo erscheinen oder so transparent sein, dass beide Motive sichtbar bleiben.
Auch Formulierungen wie „Foto auf Foto einfügen“, „Bilder übereinanderlegen“, „ein Bild in ein anderes einsetzen“ oder „Bild-im-Bild erstellen“ meinen meist dieselbe Aufgabe. Dafür brauchst du fünf grundlegende Einstellungen: Ebenenreihenfolge, Position, Größe, Deckkraft und Ausgabeformat.
Am schnellsten geht es, wenn du OverlayImage.app öffnest, das Hauptbild hochlädst, das zweite Bild hinzufügst und es direkt auf der Arbeitsfläche ausrichtest. Die folgenden Schritte zeigen den kompletten Ablauf und passende Einstellungen für typische Ergebnisse.
Der Unterschied zwischen „darüber“ und „daneben“
Entscheide zuerst, ob beide Bilder denselben Raum teilen sollen.
Liegt ein Bild über dem anderen, überlappen sich ihre Flächen. Das obere Motiv kann Bereiche des unteren verdecken; mit Transparenz bleiben beide sichtbar. Diese Struktur passt zu Logo, Wasserzeichen, Textur, Sticker, kleinem Zusatzfoto oder Doppelbelichtung.
Stehen zwei Bilder nebeneinander, verdeckt keines das andere. Beide werden vollständig auf einer größeren Arbeitsfläche gezeigt. Das ist keine Überlagerung, sondern eine Verbindung – ideal für Vorher-nachher-Vergleiche, Produktvarianten, Anleitungen oder Fortschrittsfotos.
OverlayImage.app bietet beide Möglichkeiten. Wähle Überlagern, wenn ein Bild auf dem anderen liegen soll. Mit Nebeneinander, Untereinander oder Raster-Collage bleiben alle Quellen vollständig sichtbar.
Ein Foto in fünf Schritten auf ein anderes setzen
Schritt 1: Das Bild für die Arbeitsfläche wählen
Lade das Bild hoch, dessen Abmessungen und Bildaufbau am wichtigsten sind. Bei einem Logo auf einem Produktfoto ist das Produktfoto das Basisbild. Für ein Porträt in einem dekorativen Rahmen kann je nach gewünschtem Endformat der Rahmen oder der Hintergrund die Basis bilden.
Stell dir das Basisbild als Blatt Papier vor. Alle weiteren Bilder werden relativ zu seinen Kanten positioniert.
Schritt 2: Das obere Bild hinzufügen
Wähle Ebene hinzufügen und öffne die zweite Datei. Sie erscheint als ausgewählte Ebene. Transparente PNG- oder WebP-Dateien sind besonders praktisch, weil die unsichtbare Fläche um das Motiv das untere Foto nicht verdeckt.
Zeigt die obere Datei ein unerwünschtes weißes oder farbiges Rechteck, gehört diese Fläche zur Datei. Weniger Deckkraft macht das ganze Rechteck nur durchscheinend, entfernt es aber nicht. Nutze für ein sauberes Logo oder einen Freisteller eine Quelle mit transparentem Hintergrund.
Schritt 3: Oberes Bild verschieben und skalieren
Ziehe die ausgewählte Ebene an die gewünschte Stelle. Über einen Eckgriff änderst du ihre Größe, ohne die Proportionen zu verziehen. Die Zentrierfunktion setzt sie exakt in die Mitte.
Ein kleines Zusatzfoto braucht einen bewusst gewählten Abstand zum Außenrand. Eine Kante, die fast am Rand klebt, wirkt oft zufällig. Setze Logo oder Unterschrift möglichst in einen ruhigen Bildbereich. Für ein vollflächiges Overlay vergrößerst du die Ebene bis an die Arbeitsflächenränder. Reicht die Quelle innerhalb der maximalen Skalierung von 300 Prozent nicht aus, ist eine größere Quelldatei besser als eine unscharfe Vergrößerung.
Exakte X- und Y-Werte sind nützlich, wenn mehrere Bilder gleich aufgebaut werden sollen. Notiere Koordinaten und Skalierung der ersten Komposition und übertrage sie auf weitere Motive mit denselben Abmessungen.
Schritt 4: Sichtbarkeit beider Bilder festlegen
Bei 100 Prozent Deckkraft im Modus Normal werden alle deckenden Pixel des oberen Bildes vollständig gezeichnet. Transparente Quellpixel bleiben transparent. Eine geringere Deckkraft zeigt mehr vom unteren Bild, ohne die Art der Farbverrechnung zu verändern.
Für ein klassisches Wasserzeichen reicht meist Normal mit reduzierter Deckkraft. Für eine künstlerische Fotomischung kannst du Multiplizieren, Negativ multiplizieren, Ineinanderkopieren oder Weiches Licht testen. Vergleiche das Ergebnis immer mit Normal – ein dramatischer Modus kann Farbfehler verstecken oder Text unlesbar machen.
Helligkeit, Kontrast, Sättigung und Weichzeichnung lassen sich pro Ebene anpassen. Damit passt ein Zusatzfoto besser zur Umgebung oder eine Textur unterstützt das Motiv, statt es zu dominieren.
Schritt 5: Eine fertige Datei herunterladen
Wähle PNG, JPEG oder WebP und lade das Ergebnis herunter. Beide Quellen werden in einer Ausgabedatei gerendert; die Originaldateien bleiben getrennt und unverändert.
PNG eignet sich für Transparenz und scharfe Grafikkanten. JPEG ist sinnvoll für ein fertiges Foto mit deckendem Hintergrund. WebP passt zu kompakten Bildern für moderne Websites und Apps.
Vier typische Bild-im-Bild-Anordnungen
Logo in der Ecke
Halte das Logo klein, wahre seinen Schutzraum und bleibe im Modus Normal. Bei hohem Kontrast solltest du die Deckkraft nur leicht reduzieren. Zu viel Transparenz lässt feine Schrift auf kleinen Bildschirmen verschwinden.
Wasserzeichen in der Mitte
Ein großes zentriertes Wasserzeichen kann einen Korrekturabzug schützen, sollte aber das Motiv noch beurteilen lassen. Beginne mit mittlerer Deckkraft und prüfe helle wie dunkle Bereiche. Dieselbe Marke kann im Himmel gut lesbar sein und auf einer dunklen Jacke verschwinden.
Kleines Zusatzfoto
Ein kleineres Rechteck in einer größeren Szene eignet sich für Reaktionen, Detailansichten, Kartenausschnitte, Anleitungen und Vergleiche. Nutze gleichmäßige Abstände. Wenn ein Rahmen nötig ist, bereite ihn in der Datei vor; der aktuelle Editor positioniert Bilder, erzeugt aber keine dekorativen Rahmen automatisch.
Vollflächige Fotomischung
Vergrößere das obere Foto so weit, wie es seine Auflösung erlaubt, und reduziere anschließend die Deckkraft oder wähle einen Mischmodus. Achte auf Beziehungen zwischen Motiven, Horizonten, hellen Flächen und Blickrichtungen. Schon eine kleine Verschiebung entscheidet, welche Details sichtbar bleiben.
Ebenenreihenfolge bei drei oder mehr Bildern
Jedes neue Overlay ergänzt den Stapel. Das Basisbild bleibt unten, während die hinzugefügten Ebenen untereinander nach vorne und hinten verschoben werden können. Eine vordere, deckende Ebene verdeckt alle darunterliegenden; eine nach hinten gesetzte Ebene ist nur dort sichtbar, wo darüber Transparenz bleibt.
Eine Social-Media-Grafik kann zum Beispiel so aufgebaut sein:
- Produktfoto als Basisbild
- dezente Farbfläche darüber
- Preisplakette über der Farbfläche
- Logo ganz vorne
Wähle vor jeder Änderung das Vorschaubild der richtigen Ebene. Lässt sie sich wegen eines darüberliegenden Bildes nicht anklicken, kannst du sie dort auswählen und mit der Ebenensteuerung nach vorne holen.
Wann ein Verbindungs-Layout sinnvoller ist
Wähle Nebeneinander oder Untereinander, wenn beide Quellen vollständig sichtbar sein müssen, und Raster-Collage für mindestens drei vollständige Bilder. In diesen Layouts werden die Overlay-spezifischen Einstellungen für Position, Deckkraft, Mischmodus und Filter nicht angewendet. Beim Umschalten bleiben die geladenen Dateien aber verfügbar.
Diese Fehler solltest du vermeiden
Das obere Bild wird zu klein
Klein ist nicht automatisch dezent. Ein winziges Logo mit feiner Schrift wird nach Export und Social-Media-Kompression schnell zu einem unleserlichen Fleck. Prüfe es in normaler Anzeigegröße.
Das Hauptmotiv wird versehentlich verdeckt
Halte Gesichter, Produktnamen, Anweisungen und wichtige Kanten frei, sofern die Überdeckung nicht beabsichtigt ist. Deckkraft ist eine Verfeinerung, kein Ersatz für gute Platzierung.
Die Ebenen werden zu früh zusammengeführt
Lass die Elemente bis zum Schluss unabhängig. Nach dem Reduzieren auf eine Ebene lässt sich ein einzelnes Motiv nur schwer verändern. Im Browser-Editor bleiben bis zu fünf hochgeladene Overlay-Ebenen bis zum Download getrennt.
Transparenz wird von JPEG erwartet
JPEG unterstützt keine transparenten Pixel. Für ein freigestelltes oberes Bild brauchst du PNG, transparentes WebP oder SVG.
Häufig gestellte Fragen
Wie nennt man es, wenn ein Bild auf einem anderen liegt?
Üblich sind Bildüberlagerung, Foto-Overlay, Überblenden oder Bild-im-Bild-Komposition. „Bilder verbinden“ wird ebenfalls verwendet, bezeichnet aber oft eine Anordnung ohne Überlappung.
Kann ich ein Bild ohne Photoshop über ein anderes legen?
Ja. Ein Browser-Editor mit Ebenen bietet alle nötigen Funktionen für statische Überlagerungen: Position, Größe, Deckkraft, Mischmodus und Export – ohne Installation eines Desktopprogramms.
Kann das obere Bild transparent sein?
Ja. Nutze eine Quelldatei mit Transparenz, etwa PNG, WebP oder SVG. Zusätzlich kannst du die Deckkraft jeder ausgewählten Overlay-Ebene reduzieren.
Wie verschiebe ich das Bild hinter eine andere Ebene?
Wähle sein Vorschaubild und nutze die Funktion zum Zurücksetzen im Ebenenstapel. Das Basisbild bleibt der Hintergrund; nur hinzugefügte Overlays werden untereinander sortiert.
Werden die Bilder beim Kombinieren online hochgeladen?
OverlayImage.app verarbeitet die Arbeitsdateien im aktuellen Browser. Sie werden weder an einen Bildverarbeitungsserver gesendet noch in einem Cloud-Projekt gespeichert.
Lege jetzt ein Bild über ein anderes. Mehr zu Formaten und Mischmodi findest du in der vollständigen Anleitung zum Überlagern von Bildern.