Ein Bild auf ein anderes legen - ueberlagern, Ebenen, Overlay.

Laden Sie zuerst Ihr Hintergrundbild hoch - das wird zur Basisebene. Laden Sie dann das Bild hoch, das Sie darueber platzieren wollen. Die Ueberlagerung erscheint standardmaessig in der oberen linken Ecke des Basisbilds. Ziehen Sie sie im Vorschaubereich, um sie neu zu positionieren, nutzen Sie den Skalierungsregler, um sie zu vergroessern oder zu verkleinern, und passen Sie die Decitaet an, wenn der Hintergrund durchscheinen soll. Nutzen Sie die Preset-Buttons (Mitte, Unten rechts, An Basis anpassen) fuer schnelle Platzierung ohne manuelles Ziehen. Sie koennen auch ein Bild aus der Zwischenablage einfuegen statt eine Datei hochzuladen. Klicken Sie auf Herunterladen, wenn die Platzierung stimmt. Der gesamte Prozess laeuft in Ihrem Browser mit der Canvas API - beide Bilder bleiben auf Ihrem Geraet, nichts wird auf einen Server hochgeladen, und das Composite rendert in unter einer Sekunde fuer typische Fotogroessen bis 3000x2000 Pixel.

Der Prozess ist derselbe, ob Sie ein Bild zu einem Bild hinzufuegen, Foto zu Foto, Bild zu Foto, oder ein Bild in ein anderes einfuegen wollen. Laden Sie den Hintergrund als erstes Bild hoch, dann laden Sie das, was Sie darueber platzieren wollen, als zweites Bild hoch. Das Tool zeichnet das zweite Bild ueber das erste an der Position Ihrer Wahl. Wenn Sie ein Bild in ein Bild an einer bestimmten Stelle einfuegen wollen - etwa ein Produktfoto in einen Mockup-Rahmen - ziehen Sie die Ueberlagerung an die genaue Position und skalieren Sie sie passend. Dieser Bild-Ueberlagerer handhabt jede Kombination: Foto auf Foto, Logo auf Produktfoto, Sticker auf Selfie, oder Textbild auf einem Hintergrund.

Zusammenfuegen (auch Joinen oder Kombinieren genannt) platziert Bilder nebeneinander oder gestapelt in einer einzigen Ausgabe - das Ergebnis ist breiter oder hoeher als jedes Eingabebild. Ein vertikales Zusammenfuegen zweier 500x500-Fotos erzeugt eine 500x1000-Ausgabe. Ueberlagern (auch Superimpose oder Foto-Layering genannt) platziert ein Bild auf einem anderen an einer bestimmten Position innerhalb der Basisbild-Abmessungen, sodass die Ausgabegroesse der Basis entspricht. Eine 500x500-Ueberlagerung auf einer 1000x1000-Basis erzeugt weiterhin eine 1000x1000-Ausgabe. Nutzen Sie das <a href="/de/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">Zusammenfuege-Tool</a>, wenn Sie Vorher-Nachher-Vergleiche, Foto-Collagen oder Nebeneinander-Layouts wollen. Nutzen Sie dieses Ueberlagerungs-Tool, wenn Sie Foto auf Foto legen, ein Wasserzeichen ueber ein Galeriebild legen, oder Bild auf Bild an einer bestimmten Position ueber einer Szene einfuegen wollen.

Ja, und das ist das nuetzlichste Szenario fuer dieses Tool. Laden Sie ein PNG-Logo, Icon oder Overlay-PNG mit transparentem Hintergrund als Ueberlagerungsbild hoch. Nur die sichtbaren Pixel werden ueber der Basis gerendert - die transparenten Bereiche lassen den Hintergrund sauber durchscheinen ohne weisses Rechteck. So fuegen E-Commerce-Verkaeufer Firmenlogos zu Produktfotos hinzu, Fotografen platzieren Wasserzeichen-Signaturen auf Galerien, und Designer ueberlagern Fotos mit dekorativen Rahmen ueber Portraets. Wenn Ihr Overlay-PNG noch keine Transparenz hat, entfernen Sie zuerst den Hintergrund mit einem Tool wie remove.bg oder Photoshop, speichern Sie als PNG mit Alpha-Kanal, dann ueberlagern Sie es hier. JPG-Ueberlagerungen koennen keine Transparenz haben - sie rendern immer als solides Rechteck auf der Basis und decken ab, was darunter liegt.

Nutzen Sie den Skalierungsregler unter der Vorschau. Bei 100% rendert die Ueberlagerung in ihren originalen Pixelabmessungen relativ zum Basisbild. Ziehen Sie nach links, um sie auf 5% zu verkleinern, oder nach rechts, um sie auf 300% zu vergroessern. Eine 2000x1500-Ueberlagerung bei 50% Skalierung rendert als 1000x750 Pixel auf der Basis. Fuer Logo-Platzierung auf Produktfotos funktionieren 10-25% der Basisbildbreite in den meisten Faellen - ein 200px-Logo auf einem 2000px-breiten Foto ist 10% und liest sich als dezente Marke. Fuer Vollbild-Overlays wie Texturen, Light Leaks oder Grain-Effekte klicken Sie auf den Button "An Basis anpassen", um die Ueberlagerung automatisch so zu skalieren, dass sie das gesamte Hintergrundbild abdeckt und zentriert. Die Skalierungsberechnung nutzt die natuerlichen Abmessungen der Ueberlagerung, nicht die Anzeigegroesse.

Die Opazitaet steuert, wie transparent das Ueberlagerungsbild auf der Basis erscheint. Bei 100% ist die Ueberlagerung vollstaendig undurchsichtig und deckt die Basisbild-Pixel darunter komplett ab. Bei 50% ist die Ueberlagerung halbtransparent und die Basis scheint mit halber Intensitaet durch - das erzeugt einen Doppelbelichtungs-Mischeffekt. Bei 10% ist die Ueberlagerung kaum sichtbar, nur ein schwacher Eindruck. Ueblich: 20-40% fuer Wasserzeichen, bei denen die Marke sichtbar sein muss, aber das Foto nicht dominieren soll; 50% fuer Doppelbelichtungs-Composites, die ein Portraet mit einer Landschaft mischen; 15-30% fuer Textur-Overlays wie Filmkorn, Light Leaks oder Bokeh-Effekte, die Charakter hinzufuegen ohne das Basisbild zu ueberdecken; und 100% fuer Logo-Platzierung, Sticker und Badges, bei denen volle Sichtbarkeit das Ziel ist.

Ja, Sie koennen Bilder online von jedem Handy aus ueberlagern. Oeffnen Sie diese Seite in Safari, Chrome oder jedem modernen mobilen Browser. Tippen Sie auf den ersten Upload-Bereich, um Ihr Basisbild aus der Kamerarolle zu waehlen, dann auf den zweiten Upload-Bereich fuer die Ueberlagerung. Sie koennen auch ein Bild aus der Zwischenablage einfuegen, wenn Sie eines kopiert haben. Ziehen Sie in der Vorschau mit dem Finger, um die Ueberlagerung neu zu positionieren. Die Skalierungs-, Opazitaets- und Positionsregler reagieren alle auf Touch-Eingabe. Preset-Buttons wie Mitte und Unten rechts funktionieren mit einem Tipp. Die Verarbeitung laeuft vollstaendig auf Ihrem Handy mit derselben Overlay-Engine wie auf dem Desktop - keine Bilddaten werden an einen Server gesendet, und das Ergebnis laedt direkt auf Ihr Geraet herunter. Handys mit 4 GB RAM oder mehr handhaben Bilder bis 4000x3000 ohne Probleme.

Um zwei Bilder oder Fotos online zu ueberlagern, laden Sie zuerst das Hintergrundbild hoch, dann das Vordergrundbild. Das Tool zeichnet das zweite Bild ueber das erste. Wenn Sie Bilder online mit Transparenz ueberlagern wollen, nutzen Sie ein Overlay-PNG mit transparentem Hintergrund. Um Fotos online mit voller Abdeckung zu ueberlagern, klicken Sie auf "An Basis anpassen", um die Ueberlagerung ueber den gesamten Hintergrund zu strecken. Sie koennen auch 2 Bilder mit teilweiser Opazitaet ueberlagern fuer einen Doppelbelichtungs-Look. Das funktioniert gleich, ob Sie nach Bildern ueberlagern, Fotos ueberlagern oder Bilder online ueberlagern suchen - die Canvas-API-Operation ist in jedem Fall identisch.

Exportieren Sie als PNG, wenn Ihre Ueberlagerung Transparenz nutzt und Sie diese Transparenz in der Ausgabe erhalten muessen - zum Beispiel wenn das Basisbild selbst transparente Bereiche hat, oder wenn das compositierte Ergebnis in ein anderes Design-Tool wie Figma, Photoshop oder Canva fliesst, wo Sie saubere Alpha-Kanten brauchen. PNG ist verlustfrei, also gibt es null Kompressionsartefakte, aber Dateien sind 3-5x groesser als JPG. Exportieren Sie als JPG, wenn die Dateigroesse zaehlt und Transparenz nicht noetig ist. JPG bei 92% Qualitaet (Standard) erzeugt fuer Fotos visuell identische Ergebnisse zum Original, etwa 200-400 KB fuer ein 2000x1500-Composite. Nutzen Sie JPG fuer Social-Media-Uploads, Produktlisting-Bilder, Webseiten, E-Mail-Anhaenge und jeden Kontext, in dem das Bild auf einem soliden Hintergrund sitzt.

Nein. Beide Bilder laden in den Browser-Speicher mit der HTML5 Canvas API und JavaScript. Der Compositing-Schritt - die Ueberlagerung auf der Basis an der angegebenen Position mit der angegebenen Opazitaet zeichnen - laeuft vollstaendig auf Ihrem Geraet mit canvas.drawImage() und globalAlpha fuer Transparenzkontrolle. Sie koennen das ueberpruefen: oeffnen Sie die Browser-Entwicklertools (F12), wechseln Sie zum Netzwerk-Tab, und fuehren Sie eine komplette Overlay-Operation durch. Sie sehen null ausgehende Anfragen mit Bilddaten. Der einzige Netzwerkverkehr ist der initiale Seitenaufruf. Schliessen Sie den Tab und alle Bilddaten werden sofort aus dem Speicher freigegeben. Dieser Bild-in-Bild-Editor laeuft lokal und ist damit sicher fuer vertrauliche Dokumente, unveroeffentlichte Produktfotos, persoenliche Bilder und jeden Inhalt, den Sie nicht auf einem Drittanbieter-Server haben wollen.