Wie Sie Ihren Verlauf aufbauen
Das Tool arbeitet auf zwei Wege, die Sie über die Schaltflächen oben wählen. Es startet mit Auf meine Bilder anwenden, die Ablegezone ist bereit: ziehen Sie ein oder mehrere Fotos hinein — JPG, PNG, WEBP, GIF und BMP werden akzeptiert — und der Verlauf wird über jedes einzelne gezeichnet. Bei mehr als einem Foto erscheinen über der Vorschau Tabs mit den Dateinamen, um zwischen ihnen zu wechseln. Unter der zweiten Schaltfläche, Hintergrund erstellen, laden Sie nichts hoch: Sie wählen Farben, Verlaufsart und Größe, und das Bild entsteht auf der Stelle.
Der Verlauf kennt vier Arten. Linear zieht den Übergang in gerader Linie, mit dem Winkel am Regler nach derselben Konvention wie CSS, wo 0 Grad nach oben zeigt. Radial beginnt in der Mitte und breitet sich im Kreis aus. Konisch dreht die Farben um den Mittelpunkt und erzeugt diesen Fächereffekt, den man auf modernen Hintergründen sieht. Keiner schaltet den Verlauf ab: über Ihren Fotos geht das Bild unberührt durch und erhält nur die Finishes; im Modus Hintergrund erstellen wird die erste Farbe zur Vollfläche. Die Farben stehen direkt darunter: jede Zeile hat ihre Auswahl, einen Positionsregler in Prozent und eine Schaltfläche zum Entfernen. Sie können zwei bis sechs Farbstopps nutzen, und die Schaltfläche zum Hinzufügen setzt eine neue zwischen die bestehenden. Wer von etwas Fertigem starten will, findet im Palettenraster zwölf erprobte Kombinationen, und die Schaltfläche für einen zufälligen Verlauf würfelt bei jedem Klick neue Farben und einen neuen Winkel.
Die sechs Texturen liegen über dem Verlauf und ihre Stärke ist regelbar. Filmkorn fügt monochromes Korn hinzu: es verändert nur die Helligkeit der Pixel und lässt die Farbe in Ruhe, und es ist das Mittel der Wahl gegen die Streifen glatter Verläufe. Farbrauschen macht genau das Gegenteil, es verändert nur die Farbe und behält die Helligkeit, was den Look eines Fotos mit hohem ISO-Wert ergibt. Linien zeichnet diagonale Striche und Punkte legt ein gleichmäßiges Raster, beide nützlich für Hintergründe mit grafischem Muster. Papier verbindet weiches Korn mit einem leichten Abdunkeln der Ränder, wie bedrucktes Papier. Getrennt von den Texturen gibt es zwei Finishes. Die Vignette dunkelt alle vier Ränder fortschreitend ab und zieht den Blick zur Mitte. Der seitliche Verlauf macht dasselbe auf nur einer Seite — oben, unten, links oder rechts — mit vier Arten: Abdunkeln für hellen Text, Aufhellen für dunklen Text, die erste Verlaufsfarbe verwenden, oder den Rand bis zur Transparenz ausblenden. Die Regler für Reichweite und Stärke bestimmen, wie weit das Band reicht und wie schwer es wiegt. Beide werden zuletzt angewendet, nach allem anderen, sie verhalten sich also in beiden Modi gleich und der Mischmodus verändert sie nicht.
Im Modus Hintergrund erstellen wählen Sie eine der sechs fertigen Größen — Full HD, Quadrat, Story, Thumbnail, Open Graph oder Hintergrundbild — oder tippen Breite und Höhe in die eigenen Felder, bis 6000 px pro Seite. Der CSS-Codeblock zeigt die Deklaration zum aktuellen Verlauf, und die Schaltfläche kopiert alles in die Zwischenablage, fertig zum Einfügen in Ihr Stylesheet. Wählen Sie zuletzt PNG, JPG oder WEBP und laden Sie das Bild herunter; im Overlay-Modus mit mehreren Fotos liefert die Schaltfläche Alle herunterladen den Stapel in einer einzigen .zip-Datei.
Häufige Fragen
Werden die Bilder, die ich hochlade, irgendwo gespeichert?
Nein. Der Verlauf wird in Ihrem Browser gezeichnet, und die Bilder im Overlay-Modus wandern nie durchs Internet. Nichts wird auf einem Server gespeichert.
Muss ich ein Bild hochladen, um das Tool zu nutzen?
Nein. Im Modus Hintergrund erstellen wählen Sie nur Farben und Größe, und die Datei entsteht sofort. Bilder hochladen brauchen Sie nur für den Overlay-Modus, in dem der Verlauf über Ihre eigenen Fotos gezeichnet wird.
Was ist der Unterschied zwischen Bild herunterladen und CSS kopieren?
Das CSS erzeugt den Verlauf live im Browser Ihrer Besucher, ohne dass eine Datei geladen wird: die leichteste Variante, mit null Bandbreitenkosten, ideal für Abschnittshintergründe und Schaltflächen. PNG oder JPG braucht man dort, wo CSS nicht interpretiert wird, etwa bei einem Story-Cover, einem Video-Thumbnail, einer Präsentationsfolie oder einem Hintergrundbild. Wichtig dabei: die Textur existiert nur im exportierten Bild, denn CSS-Verläufe haben kein Korn.
Welche Größe nehme ich für welches soziale Netzwerk?
Die Vorgaben decken die häufigsten Fälle ab: 1080×1080 für einen quadratischen Beitrag auf Instagram oder Facebook, 1080×1920 für Stories und Reels, 1280×720 für ein YouTube-Thumbnail, 1200×630 für das Open-Graph-Bild, das auf WhatsApp und LinkedIn erscheint, 1920×1080 für Folien und 2560×1440 für Hintergrundbilder. Für jedes andere Maß tippen Sie Breite und Höhe in die eigenen Felder, bis 6000 px pro Seite.
Wozu dient Filmkorn auf einem Verlauf?
Glatte Verläufe zeigen auf 8-Bit-Bildschirmen oft sichtbare Farbstreifen, ein Fehler namens Banding, und je näher die beiden Farben liegen, desto stärker. Eine leichte Kornschicht zwischen 20 und 40 % bricht diese Streifen und lässt den Übergang durchgehend erscheinen. Zusätzlich verleiht Korn diese Druckanmutung, die in Markenauftritten und auf Projektcovern verbreitet ist.
Wie lege ich einen Verlauf über ein Foto, ohne den Inhalt zu verlieren?
Wählen Sie den Overlay-Modus und beginnen Sie mit einer Deckkraft zwischen 40 und 60 %. Die Mischmodi verändern das Ergebnis deutlich: Multiplizieren dunkelt ab und eignet sich, um hellen Text darüber zu legen, Negativ multiplizieren hellt auf, und Farbe tönt das Foto und behält seinen ursprünglichen Kontrast — das ist der Modus, der die meisten Details bewahrt. Für ein Cover mit Überschrift hält ein dunkler Verlauf auf Multiplizieren am unteren Rand den Text lesbar, ohne das Bild zu verdecken.
Kann ich nur die Textur oder die Vignette nutzen, ohne Verlauf?
Ja. Wählen Sie Keiner bei der ersten Option, der Verlaufsart. Über Ihren Fotos geht das Bild unberührt durch und erhält nur, was Sie danach einschalten — Korn, Vignette oder seitlichen Verlauf. Damit lässt sich einem Foto ein Filmlook geben, ohne seine Farben anzutasten. Im Modus Hintergrund erstellen nimmt Keiner die erste Farbe als Vollfläche, praktisch für eine einfarbige Fläche mit Korn.
Was ist der Unterschied zwischen Filmkorn und Farbrauschen?
Beide verteilen zufällige Variation über die Pixel, aber auf entgegengesetzten Achsen. Filmkorn verändert nur die Helligkeit und lässt die Farbe unberührt, es reproduziert fotografisches Korn — es ist das, was die sichtbaren Streifen glatter Verläufe bricht. Farbrauschen macht das Gegenteil, es verändert nur die Farbe und behält die Helligkeit, was farbige Sprenkel wie bei einem Foto mit hohem ISO-Wert ergibt. In der Praxis: Korn als Finish und gegen Banding, Farbrauschen für einen analogen oder altbildschirm-artigen Look.
Wozu dient die Vignette und welche Stärke ist sinnvoll?
Die Vignette dunkelt die Ränder fortschreitend ab und schiebt die Aufmerksamkeit zur Bildmitte: ein Klassiker in der Fotografie und auf Video-Covern, wo ein Gesicht oder ein Produkt mit dem Hintergrund konkurriert. Zwischen 30 und 50 % ist der Effekt subtil und fällt nicht auf, was meist ideal ist; über 70 % wird er offensichtlich und bekommt einen dramatischen Ton. Weil die Vignette zuletzt gezeichnet wird, nach dem Verlauf, hat der gewählte Mischmodus keinen Einfluss auf sie.
Wie dunkle ich nur den unteren Teil eines Fotos für eine Überschrift ab?
Schalten Sie den seitlichen Verlauf ein und wählen Sie den Rand auf der Seite, an der der Text stehen soll, mit der Art auf Abdunkeln. Voreingestellt ist links, was den häufigsten Banner-Fall mit Überschrift links und Bild rechts abdeckt; für ein Video-Cover mit Titel unten wechseln Sie auf den unteren Rand. Eine Reichweite zwischen 35 und 50 % bei einer Stärke um 75 % gibt weißem Text genug Kontrast, ohne das Motiv zu verdecken.
Kann ich denselben Verlauf auf mehrere Fotos anwenden?
Ja. Laden Sie im Overlay-Modus so viele Bilder hoch, wie Sie möchten: dieselben Farben, Textur, Deckkraft und Mischung gelten für alle, und der .zip-Download liefert den ganzen Stapel. Es ist der schnellste Weg zu einheitlichen Blog-Covern oder Kanal-Thumbnails.