Softonic

Bildüberlagerungswerkzeug

Schritt 1 / 4

Ausgewählte Dateien werden wiederhergestellt...

Setzen Sie ein Logo auf ein Foto, kombinieren Sie ein bereits freigestelltes Motiv mit einem neuen Hintergrund oder legen Sie eine Textur über ein Bild. Dieses lokale Browserwerkzeug verbindet ein Basisbild mit einer Überlagerung: Geben Sie die X/Y-Position ein, stellen Sie Größe und Deckkraft ein, wählen Sie einen Mischmodus und laden Sie das zusammengefügte Ergebnis als PNG herunter.

So legen Sie ein Bild über ein anderes

  1. 1

    Basisbild und Überlagerung hochladen

    Das Basisbild füllt die Arbeitsfläche, die Überlagerung liegt darüber.

  2. 2

    Position und Größe festlegen

    Geben Sie die X/Y-Position in Pixeln ein und wählen Sie eine Größe zwischen 5% und 200%.

  3. 3

    Deckkraft und Mischmodus einstellen

    Volle Deckkraft für kräftige Composings, 30-60% für dezente Wasserzeichen.

  4. 4

    Exportieren

    Fügen Sie beide Ebenen zu einem PNG in den Abmessungen der Basisbild-Arbeitsfläche zusammen.

Überlagerungen, die bewusst gesetzt wirken

Ein gutes Composing aus zwei Ebenen beginnt mit bewusst gewählter Position, Größe und Mischung.

Positionierung

  • Nutzen Sie die Drittelregel: Setzen Sie den Mittelpunkt der Überlagerung auf einen Schnittpunkt der Drittellinien, das wirkt redaktionell.
  • Wasserzeichen in den Ecken funktionieren besser mit 10-15% Abstand vom Rand.
  • Zentriert platzieren Sie am besten bei ausgewogenen Postern und Social-Media-Karten.

Größe

  • Überlagerungen wirken selten stimmig, wenn sie mehr als 60% der kürzeren Seite des Basisbilds einnehmen.
  • Ein Logo-Wasserzeichen misst üblicherweise 5-15% der Breite des Basisbilds.

Mischmodi

Für Composings, die natürlich wirken sollen:

Modus Effekt
Normal Direkte Alpha-Komposition
Multiplizieren (Multiply) Verdunkelt: ideal für Texturen
Bildschirm (Screen) Hellt auf: nützlich für Lichtschein und Blendenflecke
Überlagern (Overlay) Mischmodus, der den Kontrast verstärkt
Dunkeln (Darken) Behält das dunklere Pixel der beiden Ebenen
Aufhellen (Lighten) Behält das hellere Pixel der beiden Ebenen

Funktionsumfang und Datenschutz

Das Werkzeug positioniert, skaliert und mischt genau eine Überlagerung. Drehen, Zuschneiden, weiche Kanten und Schlagschatten gehören nicht zum Funktionsumfang; führen Sie diese Bearbeitungen bei Bedarf vor dem Hochladen aus. Beide Bilder werden im Browser verarbeitet und weder in die Funnel-URL geschrieben noch an den Server gesendet. Im geführten Ablauf hält IndexedDB das temporäre Projekt bis zu 30 Minuten auf diesem Gerät vor, damit es zwischen den Schritten erhalten bleibt.

Häufige Composings

  • Produkt in einem Telefon- oder Laptop-Mockup.
  • Logo-Wasserzeichen in der Ecke eines Fotos.
  • Abzeichen oder Etikett auf einem flachen Hintergrund platziert.
  • Avatar in einem dekorativen Rahmen.
  • Ein bereits freigestelltes Motiv auf einem neuen Hintergrund.

Häufig gestellte Fragen

Pro Durchgang verarbeitet das Werkzeug ein Basisbild und eine Überlagerung. Für mehrschichtige Composings exportieren Sie das Ergebnis und verwenden es als neues Basisbild für die nächste Überlagerung.

Ja. Wenn die Überlagerung ein PNG mit Alphakanal ist, werden nur die sichtbaren Pixel auf das Basisbild gezeichnet. JPG-Überlagerungen haben keine Transparenz und erscheinen als Rechteck.

Normal für kräftige Composings, Multiplizieren (Multiply) für Texturen (Papier, Grunge) über einem Foto und Bildschirm (Screen) für Lichtschein und Glanzlichter. Überlagern (Overlay), Dunkeln (Darken) und Aufhellen (Lighten) sind Stilmittel, hier lohnt sich das Ausprobieren.

Verwenden Sie die numerischen X/Y-Eingabefelder anstelle des Ziehens. Das Werkzeug akzeptiert pixelgenaue Positionen, sodass eine Ausrichtung auf einem 1-Pixel-Raster möglich ist.

Verwandte Tools

Graffiti-Generator

Erstelle Graffiti-Schrift mit Tag-, Bubble-, Block-, Stencil-, Neon- und Wild-Effekten. Passe Farben an und exportiere PNG oder SVG direkt im Browser.

QR-Code-Generator

Erstellen Sie einen QR-Code lokal im Browser aus URL, Klartext oder einer korrekt formatierten QR-Nutzlast und laden Sie ihn als PNG herunter.

GIF komprimieren

Reduziere die Größe animierter GIFs direkt im Browser, indem du Abmessungen verkleinerst, weniger Frames behältst und die Kodierungsqualität anpasst. Vorschau vor dem Download inklusive.

Favicon-Generator für Initialen und Emojis

Erstellen Sie ein Favicon aus ein oder zwei Initialen oder einem Emoji. Wählen Sie Form und Hintergrundfarbe; bei Initialen können Sie zusätzlich Zeichenfarbe und Schriftstil anpassen.

Barcode-Generator

Erstellen Sie im Browser 1D-Barcodes in Code 128, EAN, UPC, ITF-14 und weiteren unterstützten Formaten und laden Sie SVG oder PNG herunter.

Fotoeditor

Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.