Riffelglas-Effekt für jedes Bild
Geriffeltes Glas bricht das Bild dahinter in weiche senkrechte Bänder – der Rillenglas-Look aus Interiors und Produktfotos, live auf deiner GPU gerendert.
Weitere Bildeffekte
Alle Effekte
Riffelglas-Effekt – so funktioniert’s
Lichtbrechung wie durch geriffeltes Glas: Sieh dir jedes Foto durch Rillenglas an.
Echte Lichtbrechung statt Streifen-Overlay
Jede Rille wirkt wie eine kleine Zylinderlinse: Sie staucht und verschiebt den Bildteil dahinter, sodass Formen in versetzte Bänder zerfallen – genau wie beim Blick durch Riffelglas. „Lichtbrechung“ bestimmt, wie stark jede Rille das Bild krümmt; die Anzahl der Rillen legt fest, wie viele davon das Bild durchziehen.
Schattierung, Glanzlicht und Mattierung
Echtes Glas ist in den Fugen zwischen den Rillen dunkler und fängt auf ihren Kuppen das Licht ein. „Schattierung“ und „Fugenbreite“ erzeugen diese dunklen Furchen, „Glanzlicht“ die helle Kuppe, und „Mattierung“ zeichnet alles hinter dem Glas weich – für ein satiniertes Finish. Färbe Schattierung und Glanzlicht ein, um farbiges Glas zu erhalten.
Auf deiner GPU gerendert
Der Effekt ist ein WebGL-Shader: Die Vorschau aktualisiert sich sofort, und das heruntergeladene PNG wird vom selben Shader in voller Auflösung gerendert. Nichts wird hochgeladen.
Häufig gestellte Fragen
Auch Rillenglas oder geriffeltes Glas genannt: Glas mit parallelen, abgerundeten Rillen, die alles dahinter weichzeichnen und verzerren. Es ist im Interior Design beliebt und 2025–26 auch in Produkt- und UI-Visuals.
Für UI-Hintergründe probier den Liquid-Glass-Generator unter CSS-Tools; diese Seite rendert den Effekt auf ein Bild.
Der Effekt braucht WebGL. Wenn es in deinem Browser deaktiviert ist, bleibt das Bild unverändert.