Text hinter Bild

Stellen Sie das Motiv Ihres Fotos frei und schieben Sie Schrift dazwischen, sodass die Wörter teilweise hinter einer Person, einem Haustier oder einem Produkt verschwinden. Alles läuft auf Ihrem Gerät.

Was dieses Werkzeug für Text hinter dem Motiv macht

Dieses Tool baut den beliebten Effekt „Text hinter dem Motiv“ aus drei gestapelten Ebenen auf einem einzigen Canvas. Ebene eins ist Ihr Originalfoto, unangetastet. Ebene zwei ist Ihr Text. Ebene drei ist eine Freistellung des Hauptmotivs, als transparentes PNG gespeichert und pixelgenau über denselben Koordinaten wie Ebene eins gezeichnet. Weil die oberste Ebene überall dort, wo sie etwas behält, exakt dieselben Pixel trägt, die das Foto ohnehin schon hatte, scheint das Motiv vor den Wörtern zu stehen, während der Rest der Szene dahinter bleibt. Es wird nichts gelöscht oder maskiert, die Illusion entsteht allein aus der Zeichenreihenfolge. Die Freistellung stammt von einem ISNet-Modell zur Erkennung des auffälligsten Objekts, das über onnxruntime-web auf Ihrem eigenen Rechner läuft. Die Modellgewichte sind rund 40MB groß und werden einmalig heruntergeladen, danach liefert der Browser sie aus dem Cache. Es gibt keinen Upload-Schritt, kein Konto, keine Warteschlange und keine Kosten pro Bild – deshalb hat die Seite auch kein Wasserzeichen und kein Nutzungslimit. Nachdem das Modell seine Maske geliefert hat, erodiert ein zweiter Durchgang die Maskenkante um ein Pixel und rechnet übrig gebliebene Hintergrundfarbe aus den halbtransparenten Randpixeln heraus. Dieser Schritt zählt hier mehr als bei einer reinen Hintergrundentfernung: Das Motiv sitzt auf Ihrem Text, ein Randpixel, das noch von der alten Hintergrundfarbe eingefärbt ist, würde als farbiger Saum quer über den Buchstaben erscheinen. Die Erosion um ein Pixel kostet in dieser Montage nichts, weil das Pixel darunter dasselbe Pixel aus dem unangetasteten Foto auf Ebene eins ist. Bilder, die an der längsten Kante über 2560 Pixel messen, werden zuerst auf diese Größe verkleinert, denn die Kantenbereinigung ist ein Durchgang Pixel für Pixel mit Blick auf die Nachbarschaft, und ein 24-Megapixel-Handyfoto würde den Browser viele Sekunden lang blockieren. Der Export ist immer ein PNG, damit teilweise Textdeckkraft und die weichen Motivkanten unversehrt bleiben.

Wann Text hinter dem Motiv sinnvoll ist

Der Effekt lohnt sich immer dann, wenn eine Überschrift sich den Platz mit einem Foto teilen muss und keines von beidem verlieren soll. Eine flach über ein Bild gelegte Headline sieht immer aufgeklebt aus. Lässt man stattdessen das Motiv die Schrift überlappen, entsteht Tiefe, die nach bewusster Gestaltung aussieht und nicht nach nachträglichem Einfall – und das ohne Designer und ohne Abo. Am häufigsten kommt das bei Porträtpostern und Profilbannern vor, wo ein Name oder ein einzelnes Wort hinter Schultern und Kopf einer Person sitzt. Ebenso zu Hause ist der Effekt bei Produktaufnahmen, wo ein Markenname oder ein Preis hinter dem Artikel verläuft, damit der Artikel der Held bleibt. Verbreitet hat sich der Look über soziale Plattformen: Er funktioniert gut auf Video-Vorschaubildern, auf Story- und Reel-Covern und in Kanalgrafiken, weil er das Verkleinern auf eine kleine Kachel besser übersteht als ein Beschriftungsbalken. Podcast-Cover, Veranstaltungsflyer, Fitness- und Sportgrafiken sowie Album-Mockups nutzen denselben Trick. Er ist außerdem eine praktische Antwort auf ein Layout-Problem. Wenn ein Foto einen unruhigen Hintergrund und keine ruhige Fläche für Text hat, gibt es dem Auge Halt, einen Teil der Schrift hinter dem Motiv zu verstecken – der Wirrwarr wird so zum Bestandteil der Komposition. Und weil alles lokal läuft, ist es auch für Fotos geeignet, die Sie ohnehin keinem fremden Dienst anvertrauen würden, etwa Aufnahmen von Kindern, Kundinnen und Kunden oder unveröffentlichten Produkten.

Einem Poster oder Vorschaubild echte Tiefe geben, statt eine Beschriftung flach auf das Foto zu legen
Einen Namen oder eine Headline auch auf unruhigem Hintergrund lesbar halten, weil das Motiv sie verankert
Mit privaten Fotos arbeiten, ohne sie hochzuladen, denn das Modell läuft auf Ihrem eigenen Gerät
Dank Live-Vorschau frei ausprobieren und am Ende ein sauberes PNG ohne Wasserzeichen und ohne Anmeldung exportieren

So setzen Sie Text hinter ein Bild

Vier Schritte, und nur der erste braucht wirklich Zeit. Nach der Freistellung wird alles sofort neu gezeichnet, Sie können also nach Herzenslust mit Wortlaut und Platzierung experimentieren, bevor Sie exportieren.

1

Laden Sie ein Foto mit einem klaren Motiv im Vordergrund hoch, etwa eine Person, ein Haustier oder ein einzelnes Produkt. Lassen Sie etwas sichtbaren Raum um das Motiv, damit der Text irgendwo sitzen kann.

2

Klicken Sie auf „Motiv freistellen“. Beim ersten Durchlauf wird das Segmentierungsmodell mit rund 40MB heruntergeladen, spätere Durchläufe gehen direkt in die Berechnung.

3

Tippen Sie Ihren Text und stellen Sie Schriftart, Schriftstärke, Farbe, Größe, Drehung, Abstände und Deckkraft ein. Ziehen Sie direkt in der Vorschau, um den Text zu verschieben, oder nutzen Sie die Positionsregler zur Feinabstimmung.

4

Klicken Sie auf „Zusammenfügen und als PNG exportieren“. Die drei Ebenen werden in voller Arbeitsauflösung zu einem Bild verrechnet, und der Download erscheint unter der Vorschau.

Häufig gestellte Fragen

Nein. Das Segmentierungsmodell wird in Ihren Browser geladen und dort über onnxruntime-web ausgeführt, und die drei Ebenen werden auf einem Canvas in derselben Seite zusammengefügt. Ihr Foto verlässt das Gerät nie – deshalb pausiert der erste Durchlauf auch, um rund 40MB Modellgewichte zu holen, statt das Bild schneller irgendwohin zu senden.
Beim ersten Durchlauf muss zuerst das ISNet-Modell mit rund 40MB heruntergeladen werden, bevor irgendetwas passieren kann. Bei normaler Verbindung sind das typischerweise 10 bis 30 Sekunden. Der Browser legt die Datei dann im Cache ab, jedes weitere Bild geht direkt in die Berechnung, die je nach Hardware meist ein paar Sekunden dauert.
Das Modell ist darauf trainiert, ein einzelnes auffälliges Objekt im Vordergrund zu finden. Nach dem Durchlauf misst das Tool, wie viel des Bildes die Freistellung tatsächlich behalten hat. Unter einem Prozent wertet es das Ergebnis als Fehlschlag und lehnt ab, statt Ihnen ein Bild zu geben, in dem der Text schlicht flach auf dem ganzen Foto liegt, und so zu tun, als hätte es funktioniert. Landschaften, Menschenmengen, Flatlay-Aufnahmen und Screenshots haben kein einzelnes dominantes Motiv und scheitern an dieser Prüfung meist.
Behält die Freistellung mehr als 97 Prozent des Bildes, würde die Motivebene den Text vollständig verdecken und der Export sähe genauso aus wie die Eingabe. Das ist der zweite Fall eines stillen Fehlschlags, deshalb hält das Tool an und bittet stattdessen um ein Foto mit sichtbarem Raum rund um das Motiv.
Die Erkennung des auffälligsten Objekts erzeugt eine weiche Alphamaske, und feine Strähnen, Fell, Bewegungsunschärfe, Schleier und durchsichtige Objekte wie Glas oder Wasser haben keine saubere Grenze, die man finden könnte. Das Tool erodiert die Maske um ein Pixel und rechnet verbliebene Hintergrundfarbe aus den teiltransparenten Randpixeln heraus, was den größten Teil des farbigen Saums über den Buchstaben entfernt – Details, die die Maske nie erfasst hat, kann es aber nicht erfinden. Motive mit klaren Umrissen liefern die besten Ergebnisse.
Alles, was an der längsten Kante über 2560 Pixel misst, wird vor der Verarbeitung auf diese Grenze verkleinert. Die Kantenbereinigung ist ein Durchgang Pixel für Pixel, der zusätzlich die Nachbarn jedes Pixels abfragt; bei einem 24-Megapixel-Foto würde er den Tab für längere Zeit einfrieren und mehrere vollformatige Puffer belegen. Die Vorschau nennt Ihnen Original- und Arbeitsgröße, wann immer das passiert. 2560 Pixel sind für Vorschaubilder, Social-Media-Posts und bildschirmgroße Poster mehr als genug.
Derzeit nicht. Die Schriftenliste beschränkt sich auf Schnitte, die auf gängigen Betriebssystemen mitgeliefert werden, denn der Export wird über die Canvas-Text-API gezeichnet, und eine Webschrift, die noch nicht fertig geladen ist, würde stillschweigend auf einen anderen Schnitt zurückfallen – das heruntergeladene PNG passte dann nicht zu dem, was Sie in der Vorschau gesehen haben. Wenn Sie eine bestimmte Schrift brauchen, exportieren Sie das fertige PNG hier und setzen die Schrift in Ihrem eigenen Programm.
Die Textebene erlaubt teilweise Deckkraft, und die Freistellung des Motivs hat weiche, teiltransparente Kanten. JPEG müsste beides platt machen und würde ausgerechnet entlang der kontrastreichen Grenze zwischen Buchstaben und Motiv Komprimierungsartefakte hinzufügen – also genau an der Stelle, von der der ganze Effekt lebt. PNG hält diese Überlappung sauber.

Weitere Bildwerkzeuge

Entdecken Sie weitere leistungsstarke Werkzeuge für Ihre Bildbearbeitung

Bild komprimieren

Größe reduzieren

Größe ändern

Abmessungen ändern

Bild zuschneiden

Bereich ausschneiden

Format konvertieren

Format ändern

Foto-Editor

Fotos bearbeiten

Bild drehen

Bild drehen

Bild Spiegeln

Horizontal/Vertikal

Wasserzeichen hinzufügen

Wasserzeichen

Rahmen Hinzufügen

Bildrahmen hinzufügen

Abgerundete Ecken

Abgerundete Ecken hinzufügen

Filter

Helligkeit/Kontrast

Gesicht weichzeichnen

Gesichter verbergen

Mosaik

Bereiche verwischen

Hintergrund entfernen

Hintergrund entfernen

Bild verbessern

KI-Upscale

Text Hinzufügen

Text zum Bild hinzufügen

Collage

Mehrere Bilder kombinieren

HTML zu Bild

Web zu Bild

GIF zu Bildsequenz

Frames extrahieren

Bild zuschneiden

Leere Ränder entfernen

Bilder stapelweise umbenennen

Dateien sicher gesammelt umbenennen

Kreis zuschneiden

Bilder rund zuschneiden

Schwarzweiß

Bilder in Graustufen umwandeln

Bild aufteilen

Ein Bild in ein Raster schneiden

Bilder zusammenführen

Bilder zu einem zusammenfügen

DPI ändern

DPI-Metadaten eines Bilds festlegen

Bild zu Base64

Bilder als Base64 kodieren

Bild zu PDF

Bilder zu einer PDF kombinieren

HEIC in JPG

iPhone-HEIC-Fotos in JPG umwandeln

EXIF-Entferner

Verborgene Fotometadaten einsehen und entfernen, einschließlich GPS-Standort

Favicon-Generator

Vollständiges Icon-Set plus HTML

Farbpalette

Farben aus einem Bild extrahieren

Base64 zu Bild

Base64 wieder in ein Bild dekodieren

HEIC in PNG

iPhone-HEIC-Fotos verlustfrei in PNG umwandeln

Farbpipette

HEX, RGB und HSL jedes Pixels auslesen

Unterschrift erstellen

Unterschrift zeichnen und als transparentes PNG herunterladen

Unterschrift freistellen

Tinte vom Papier, auf Transparenz

Hintergrund transparent machen

Hintergrund transparent machen