Zum Inhalt springen
Musterli
Unterstützen
Hintergründe

Glitch-Hintergrund (Glitch Effect)

Zerrissene, verschobene Streifen mit RGB-Versatz, Farbblöcken und Scanlines, wie ein gestörtes Videosignal. Als PNG, JPG, WebP, SVG oder GIF exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Glitch-Hintergrund

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Ein Glitch-Hintergrund ahmt ein gestörtes Digital- oder Videosignal nach: Streifen des Bildes reissen und verschieben sich, Farben spalten sich in Rot und Cyan, und Scanlines laufen darüber. Das passt zu Tech, Gaming, Musik und Cyberpunk.

Wofür du es brauchst

  • Tech und Cyberpunk

    Glitch-Hintergründe geben Produktlancierungen, Hackathons und Tech-Vorträgen einen kantigen, digitalen Look.

  • Musikcover und Visuals

    Elektronische Musik, Visualizer und Eventplakate passen perfekt zum gestörten Signal.

  • Animierte Social Posts

    Als GIF mit neuen Zufallswerten reisst jedes Bild anders, und das Bild flackert wie ein defekter Bildschirm.

So geht’s

Wähle Farben und Richtung des Grundverlaufs und lege dann fest, wie viele Risse es gibt und wie weit sie sich verschieben. Der RGB-Versatz fügt rote und cyanfarbene Säume hinzu, Blöcke und Scanlines bringen Störungen. Mit der Leertaste würfelst du neue Varianten. Exportiere als PNG, JPG, WebP, SVG oder als flackerndes GIF.

Glitch-Hintergrund jetzt ausprobieren

Tipps

  • Wenige, breite Risse wirken ruhig und grafisch. Viele dünne Risse mit starker Verschiebung wirken chaotisch.
  • Stelle den RGB-Versatz auf 0 für einen sauberen, farblosen Glitch, zum Beispiel mit der Vorlage Schwarzweiss.
  • Scanlines und Körnung lassen das Bild wie einen alten Monitor oder eine VHS-Kassette wirken.

Häufige Fragen

Kann ich den Glitch-Effekt auf mein eigenes Foto legen?
Noch nicht. Dieses Tool macht Glitch-Hintergründe aus einem Verlauf. Für Fotos sind die Pixel- und Dither-Effekte in der Kategorie Bildeffekte ein guter Start.
Wie bringe ich es zum Flackern?
Exportiere ein GIF und wähle neue Zufallswerte als Quelle der Bilder. Jedes Bild bekommt neue Risse und Blöcke.
Warum ist das SVG so klein?
Es besteht nur aus Rechtecken, Verläufen und einem Linienmuster, ohne Filter. So bleibt es klein und in jeder Grösse scharf.
Sieht der Export aus wie die Vorschau?
Ja. Vorschau und Export verwenden dieselbe Grafik, berechnet aus dem Zufallswert. Gleiche Einstellungen und gleicher Zufallswert ergeben immer dasselbe Ergebnis.

Fertige Farbverläufe

Über 30 eigene Verläufe mit CSS-Code zum Kopieren, jeder direkt im Editor anpassbar.

Zur Verlaufssammlung

Passende Generatoren

Alle Generatoren in Hintergründe