Bilder zu überlagern bedeutet, zwei oder mehr Motive auf derselben Arbeitsfläche übereinanderzulegen. Das obere Bild kann ein transparentes Logo, ein Wasserzeichen, eine Textur, ein Sticker, ein freigestelltes Motiv oder ein vollständiges zweites Foto sein. Anders als bei einer Anordnung nebeneinander teilen sich die Bilder denselben Raum. Du bestimmst, welche Ebene vorne liegt, wo sie erscheint, wie groß sie ist und wie ihre Pixel mit dem Bild darunter zusammenspielen.
Für diese Aufgabe brauchst du kein umfangreiches Grafikprogramm. Mit OverlayImage.app läuft der gesamte Vorgang im Browser: Basisbild auswählen, eine oder mehrere Ebenen hinzufügen, direkt auf der Arbeitsfläche ausrichten und das Ergebnis herunterladen. Eine Registrierung ist nicht nötig, und der Export erhält kein Wasserzeichen der Plattform.
Diese Anleitung führt dich durch den Ablauf und erklärt anschließend Deckkraft, Mischmodi, Dateiformate und typische Fehler, durch die eine Bildüberlagerung schnell unfertig wirkt.
Was du zum Überlagern von Bildern brauchst
Bereite mindestens zwei Bilddateien vor:
- Das Basisbild bestimmt im Modus „Überlagern“ die Abmessungen der Arbeitsfläche. Meist ist es die Szene, das Produktfoto, das Porträt oder der Hintergrund, den du erhalten möchtest.
- Das Overlay-Bild liegt darüber. Das kann ein PNG-Logo, eine Unterschrift, ein grafisches Element, ein Lichteffekt oder ein weiteres Foto sein.
Gängige Browserformate sind PNG, JPEG, WebP, GIF und SVG. Soll der Bereich um ein Logo oder einen Freisteller unsichtbar bleiben, verwende eine PNG-, WebP- oder SVG-Datei mit Transparenz. JPEG kennt keine transparenten Pixel; ein als JPEG gespeichertes Logo bringt deshalb gewöhnlich eine sichtbare rechteckige Fläche mit.
Nutze möglichst Dateien, die groß genug für den geplanten Einsatzzweck sind. Ein kleines Overlay wird beim starken Vergrößern unscharf. Mit einem scharfen Basisfoto und einem ausreichend großen Overlay kannst du freier skalieren, ohne saubere Kanten zu verlieren.
Bilder in vier Schritten online überlagern
1. Basisbild hochladen
Öffne das kostenlose Tool zum Überlagern von Bildern und wähle Basisbild hochladen. Nimm das Foto oder die Grafik, deren Breite und Höhe das fertige Bild bestimmen sollen. Der Editor liest die Datei lokal ein und zeigt sie auf der Arbeitsfläche an.
2. Overlay-Bild hinzufügen
Wähle Ebene hinzufügen und öffne das Bild, das über dem Basisbild liegen soll. Die neue Ebene erscheint auf der Arbeitsfläche und ist sofort ausgewählt. Pro Komposition lassen sich bis zu fünf Overlay-Dateien verwenden – etwa Logo, feine Papiertextur und Aktionsplakette, ohne dass daraus ein überladenes Designprojekt wird.
Jede Ebene bleibt unabhängig. Wenn du ein anderes Vorschaubild auswählst, gelten Verschieben, Skalierung, Drehung, Deckkraft, Mischmodus und Farbkorrekturen nur für diese Ebene.
3. Ebene positionieren, skalieren und mischen
Ziehe das ausgewählte Bild direkt auf der Arbeitsfläche an die gewünschte Stelle. Über die vier Eckgriffe skalierst du es proportional. Das Seitenverhältnis bleibt erhalten – Kreise werden nicht oval und Logos nicht gestaucht.
Für genaue Werte gibt es die Seitenleiste. Dort kannst du X- und Y-Koordinaten eingeben, die Ebene zentrieren, drehen, spiegeln, duplizieren oder im Ebenenstapel nach vorne beziehungsweise hinten verschieben. Das hilft besonders, wenn mehrere Bilder einander verdecken und eine tiefer liegende Ebene auf der Arbeitsfläche schwer anzuklicken ist.
Beginne mit dem Mischmodus Normal. Reduziere die Deckkraft, wenn das obere Bild zurückhaltender wirken soll. Bei Texturen, Licht oder Schatten lohnen sich andere Modi:
- Multiplizieren erhält dunkle Anteile und eignet sich für Papier, Tinte, Körnung und Schatten.
- Negativ multiplizieren erhält helle Anteile und funktioniert gut für Lichtlecks, Wolken und Leuchten.
- Weiches Licht verstärkt Farbe und Kontrast sanfter als Ineinanderkopieren oder Hartes Licht.
- Differenz und Ausschluss erzeugen experimentelle Farbwechselwirkungen.
Beurteile das Ergebnis in der späteren Darstellungsgröße. Ein Wasserzeichen, das in der großen Desktop-Vorschau dezent aussieht, kann auf dem Smartphone verschwinden. Eine feine Textur geht möglicherweise verloren, wenn ein soziales Netzwerk das Bild verkleinert.
4. Fertiges Bild exportieren
Wähle im Exportbereich PNG, JPEG oder WebP. PNG ist die sichere Wahl für transparente Ergebnisse, klare Logos und Grafiken, die später noch einmal bearbeitet werden. JPEG passt zu fertigen Fotos mit deckendem Hintergrund. WebP kann bei guter Qualität kleinere Webdateien erzeugen und bei Bedarf Transparenz erhalten.
Bei JPEG und WebP kannst du die Qualität einstellen. Ein hoher, aber nicht maximaler Wert bewahrt normalerweise Details, ohne die größtmögliche Datei zu erzeugen. Prüfe Schrift, Haare, feine Linien und harte Logokanten – dort fallen Kompressionsartefakte zuerst auf.
Mit Bild herunterladen wird die Arbeitsfläche in ihren tatsächlichen Pixelmaßen gerendert und auf deinem Gerät gespeichert.
So wirkt eine Bildüberlagerung bewusst gestaltet
Technisch ist das Übereinanderlegen einfach. Ob das Ergebnis stimmig aussieht, entscheidet die visuelle Hierarchie. Lege zuerst fest, welches Motiv den Blick führen soll. Alle weiteren Ebenen sollten dieses Motiv unterstützen.
Ein Logo wirkt in einer Ecke meist ruhiger als in der Mitte. Lass Abstand zum Rand, damit es unterschiedliche Zuschnitte übersteht. Ist das Foto dort zu unruhig, verschiebe das Logo in eine detailärmere Fläche oder integriere eine dezente halbtransparente Hinterlegung bereits in die Logodatei.
Bei zwei vollflächigen Fotos solltest du die Hauptmotive beider Bilder erkennen. Lege Gesicht, Produktname oder Horizont nicht genau unter die unruhigste Stelle der oberen Ebene. Verschiebe das Overlay, bis die Motive miteinander arbeiten statt zu konkurrieren. Erst danach passt du Deckkraft und Mischmodus an.
Auch die Größe einer Textur zählt. Zu grobe Körnung wirkt aufgeklebt, zu feine verschwindet im Export. Skaliere die Textur so, dass ihre Struktur zum Foto passt, und gleiche sie anschließend mit Helligkeit, Kontrast, Sättigung oder einer leichten Weichzeichnung an.
Überlagern, verbinden und mischen sind nicht dasselbe
Die Begriffe werden oft austauschbar verwendet, führen aber zu unterschiedlichen Ergebnissen:
| Methode | Was passiert | Geeignet für |
|---|---|---|
| Überlagern | Bilder teilen sich die Arbeitsfläche; eine Ebene liegt über der anderen | Logos, Wasserzeichen, Texturen, Freisteller, Doppelbelichtungen |
| Verbinden | Vollständige Bilder werden ohne Überdeckung zusammengefügt | Vorher-nachher-Vergleiche, Anleitungen, Fotostreifen |
| Mischen | Pixelfarben überlappender Ebenen werden mathematisch verrechnet | Lichteffekte, Papiertextur, Farblooks, künstlerische Kompositionen |
OverlayImage.app unterstützt alle drei Ansätze. Wähle Überlagern für denselben Bildraum, Nebeneinander oder Untereinander für eine direkte Verbindung und Raster-Collage, wenn drei oder mehr vollständige Bilder in Zeilen und Spalten angeordnet werden sollen.
Wenn du noch unsicher bist, hilft Ein Bild über ein anderes legen mit konkreten Beispielen für Bild-im-Bild und Anordnungen nebeneinander. Du kannst aber auch im Overlay-Modus beginnen und das Layout wechseln, ohne deine Dateien erneut zu laden.
Häufige Fehler beim Überlagern
Das Overlay wird verzerrt
Wer Breite und Höhe unabhängig verändert, verzieht Logos, Gesichter und geometrische Formen. Skaliere im Browser-Tool über einen Eckgriff, damit das Seitenverhältnis gesperrt bleibt.
Das Wasserzeichen wird zu oft wiederholt
Ein Wasserzeichen soll unbefugte Nutzung erschweren, nicht selbst zum Hauptmotiv werden. Starte mit einer einzelnen Marke, senke die Deckkraft und prüfe sie in normaler Anzeigegröße. Wiederhole sie nur, wenn der Einsatzzweck wirklich eine stärkere Abdeckung verlangt.
Der Mischmodus wird vor der Position gewählt
Ein auffälliger Mischmodus kann eine unausgewogene Komposition kurzfristig interessant machen, behebt aber keine schlechte Platzierung. Bestimme zuerst Position und Größe. Deckkraft und Mischmodus folgen, sobald die Hierarchie im Modus Normal funktioniert.
Das falsche Format wird exportiert
JPEG ersetzt Transparenz durch einen deckenden Hintergrund. Umgekehrt erzeugt PNG bei jedem Foto oft unnötig große Dateien. Wähle das Format nach dem Ziel – nicht aus Gewohnheit.
Mit der einzigen Kopie des Originals arbeiten
Bewahre die Quelldateien auf. Das Browser-Tool verändert sie nicht; die exportierte Komposition ist eine neue Datei. So kannst du später zu einem anderen Ausschnitt, einer neuen Position oder Ausgabegröße zurückkehren.
Datenschutz und Browserleistung
OverlayImage.app liest, kombiniert und exportiert die Arbeitsdateien im aktuellen Browser. Sie werden weder zu einem Bildverarbeitungsserver hochgeladen noch in einem Cloud-Projekt gespeichert. Das ist hilfreich für private Fotos, unfertige Kampagnenmotive und Kundenmaterial, das nicht Teil eines Onlinekontos werden soll.
Lokale Verarbeitung nutzt allerdings den Arbeitsspeicher deines Geräts. Sehr große Kameradateien und mehrere Ebenen in voller Auflösung können besonders auf einem Smartphone viel Speicher beanspruchen. Wird der Browser langsam, schließe ungenutzte Tabs, verkleinere außergewöhnlich große Quelldateien oder arbeite mit weniger Ebenen gleichzeitig.
Häufig gestellte Fragen
Kann ich mehr als zwei Bilder überlagern?
Ja. Verwende ein Basisbild und bis zu fünf unabhängige Overlay-Ebenen. Jede behält eigene Einstellungen für Position, Skalierung, Drehung, Deckkraft, Mischmodus, Spiegelung und Korrekturen.
Kann ich ein transparentes PNG überlagern?
Ja. Transparente PNG-Dateien eignen sich besonders für Logos, Unterschriften, Sticker und Freisteller. Soll auch die fertige Arbeitsfläche transparent bleiben, exportiere sie als PNG oder WebP.
Ist eine geringere Deckkraft dasselbe wie ein Mischmodus?
Nein. Die Deckkraft bestimmt, wie sichtbar eine Ebene ist. Der Mischmodus legt fest, wie ihre Pixel mit denen darunter verrechnet werden. Beides lässt sich kombinieren.
Enthält der Export ein Wasserzeichen?
Nein. OverlayImage.app fügt kein eigenes Wasserzeichen hinzu. Eines erscheint nur, wenn du selbst eine entsprechende Datei als Ebene einfügst.
Funktioniert das auch auf dem Smartphone?
Ja. Der Editor hat ein responsives Layout und unterstützt Ziehen per Touch. Eine mobile Schrittfolge findest du unter Bilder auf dem iPhone überlagern.
Bereit für die eigene Komposition? Überlagere deine Bilder jetzt online, passe jede Ebene in der Live-Vorschau an und lade das fertige Bild herunter.