Glitch-Text-Generator

Tippen oder fügen Sie Text ein und ergänzen Sie Zalgo-/Glitch-Effekte. Stellen Sie die Intensität ein und kopieren Sie das Ergebnis.

Ergebnis

Geben Sie Text ein und klicken Sie auf Erzeugen.

So funktioniert es

  1. Geben Sie Ihren Text ein: Tippen Sie das Wort oder den Satz, dem Sie den Glitch-Effekt verleihen möchten.
  2. Intensität anpassen: Steuern Sie das Glitch-Level (von subtilem digitalen Rauschen bis zu starker Korruption) mit dem Intensitätsregler.
  3. Ergebnis kopieren: Kopieren Sie den Glitch-Text (Unicode-Kombinationszeichen) und fügen Sie ihn überall ein, Bios in sozialen Netzwerken, Discord, Messaging-Apps oder reines HTML.

Woher der Zalgo-Text kommt

„Zalgo-Text", der korrupt aussehende Text, der mit vertikalen Markierungen oben und unten überquillt, hat einen spezifischen Ursprung. Die Figur „Zalgo" erschien zum ersten Mal in einem Creepypasta-Image-Macro in den Something-Awful-Foren am 27. Juli 2004, gepostet vom Benutzer Shmorky (Dave Kelly) als Parodie auf die unter Goons (den Mitgliedern der Something-Awful-Community) zirkulierenden „He Is Coming" / „He Comes"-Tropen. Das ursprüngliche Konzept war eine bösartige Entität, deren Anwesenheit in einem Comic die Sprechblasen der Charaktere in unleserliches Gekritzel verzerrte. Der visuelle Stil von „He comes", gerendert in gestapelten Unicode-kombinierenden Markierungen, wurde zur Signatur des Memes; in den folgenden Jahren entkam das Format Something Awful und verbreitete sich über 4chan, Tumblr, MySpace und schließlich Mainstream-Social-Media. Der Name „Zalgo" blieb als Genre-Label haften, und über zwanzig Jahre später ist es immer noch der Begriff, den jeder Glitch-Text-Generator verwendet. Der zugrunde liegende Unicode-Trick, das Stapeln kombinierender Markierungen, ist Jahrzehnte älter als das Meme; was Zalgo tat, war, die Ästhetik populär zu machen.

Die kombinierenden Unicode-Markierungen, die es zum Funktionieren bringen

Glitch-Text verwendet kombinierende Zeichen, Unicode-Codepunkte, die nicht von selbst gerendert werden, sondern sich stattdessen visuell an das vorherige Basiszeichen anhängen. Der primäre Block ist Combining Diacritical Marks (U+0300-U+036F), mit 112 Codepunkten, die die Akzente und diakritischen Zeichen abdecken, die von Sprachen mit lateinischer Schrift verwendet werden: kombinierender Akut (U+0301, verwendet für á), kombinierender Gravis (U+0300, à), kombinierende Tilde (U+0303, ã), kombinierender Zirkumflex (U+0302, â), kombinierender Ring darüber (U+030A, å) und viele mehr. Drei zusätzliche Blöcke liefern mehr Markierungen: Combining Diacritical Marks Supplement (U+1DC0-U+1DFF) mit selten verwendeten historischen und phonetischen Markierungen; Combining Diacritical Marks for Symbols (U+20D0-U+20FF) mit mathematischen und symbolischen kombinierenden Markierungen (kombinierender Linkspfeil darüber, kombinierender Kreis, kombinierender dreifacher Punkt darunter); Combining Half Marks (U+FE20-U+FE2F) mit Markierungen, die sich über zwei Zeichen erstrecken. Ein Glitch-Generator wählt das Eingabezeichen aus und fügt dann für jedes Zeichen eine zufällige Auswahl kombinierender Markierungen hinzu, typischerweise 5-30 gestapelt pro Zeichen für den erkennbaren Zalgo-Effekt, aus diesen Blöcken gezogen. Die Markierungen teilen sich visuell in drei Zonen: über der Grundlinie (die meisten diakritischen Zeichen werden hier gerendert), durch das Zeichen (Overlay-Markierungen wie langer Strich, Schrägstrich) und unter der Grundlinie (Cedille, Punkt unten, vertikale Linie unten). Dieses Werkzeug stellt die drei Zonen als unabhängige Schalter bereit, sodass du nur-oben-, nur-unten- oder Vollabdeckungs-Glitch-Stile produzieren kannst.

Unicode-Normalisierung, warum manche Apps Glitch-Text entfernen

Unicode definiert zwei Möglichkeiten, viele akzentuierte Zeichen zu kodieren: vorkomponiert (ein einzelner Codepunkt, wie é = U+00E9) und zerlegt (ein Grundbuchstabe plus kombinierende Markierungen, é = U+0065 + U+0301). Die Normalisierungsformen des Unicode-Standards (UAX #15) definieren, wie zwischen ihnen konvertiert wird: NFC (Composition) bevorzugt vorkomponierte Formen; NFD (Decomposition) zerlegt alles. Viele Plattformen wenden NFC-Normalisierung auf eingehenden Text an, was kombinierende Markierungen, wo möglich, in vorkomponierte Zeichen zusammenfasst, aber Glitch-Text verwendet typischerweise kombinierende Markierungen, die kein vorkomponiertes Äquivalent haben (da die Kombination eines Grundbuchstabens mit 30 zufälligen, nicht zusammenhängenden Markierungen kein „echtes" Zeichen ist, das in irgendeiner vorkomponierten Form existiert). Diese Markierungen überleben die Normalisierung. Allerdings empfiehlt das Stream-Safe Text Format des Unicode-Standards ein Maximum von 30 Nicht-Starter- (kombinierenden) Zeichen in einer Reihe; einige Implementierungen setzen diese Obergrenze als Abwehr gegen Text-Rendering-Angriffe durch. Twitter zählt zum Beispiel Zeichen mit NFC und kann Glitch-Text nach einer Schwelle visuell abschneiden; Discord rendert die meisten Glitch-Texte, begrenzt aber die gerenderte Höhe; Instagram und TikTok haben unterschiedliche Limits. Der berüchtigte iOS-Absturz „Effective Power" (Mai 2015) und die ChaiOS-Telugu-Textbombe (Januar 2018) wurden beide durch fehlerhafte Sequenzen kombinierender Markierungen verursacht, die den Text-Renderer des Betriebssystems zum Absturz brachten; moderne Betriebssysteme wenden infolgedessen konservativere Analysen an.

Wo Glitch-Text auftaucht

Barrierefreiheit, Glitch-Text ist feindlich gegenüber Screenreadern

Glitch-Text ist für unterstützende Technologie im Wesentlichen unlesbar. Screenreader (NVDA, JAWS unter Windows, VoiceOver unter macOS/iOS, TalkBack unter Android) handhaben kombinierende Markierungen unterschiedlich, NVDA neigt dazu, bei jeder Markierung zu stottern; JAWS liest viele Markierungen mit ihrem vollständigen Unicode-Namen vor („kombinierender Akut, kombinierender Gravis, kombinierende Tilde..."); VoiceOver macht bei jedem Zeichen unbeholfene Pausen. Ein 5-Zeichen-Wort mit 20 kombinierenden Markierungen pro Zeichen produziert 105 Codepunkte, die der Screenreader irgendwie ansagen muss, von denen keine nützliche Informationen sind. Das Ergebnis ist eine Wand aus unverständlichem Lärm, die den Text für blinde und sehbehinderte Benutzer effektiv unsichtbar macht. Dasselbe gilt für Benutzer mit kognitiven oder visuellen Verarbeitungsunterschieden, die schwere gestapelte Markierungen schwindelerregend oder migräneauslösend finden können. Glitch-Text in formellen Kontexten, Dokumentation, Alt-Text, barrierefreiheitsbedürftigen UI-Elementen, ist konstruktionsbedingt feindlich gegenüber Benutzern mit Behinderungen. Verwende keinen Glitch-Text, wo er semantische Bedeutung trägt. Für dekorative Verwendung in Social-Bios, Memes, lockeren Posts ist der Kompromiss akzeptabel, solange die Nachricht auch irgendwo in Klartext vermittelt wird; für alles, wo der Textinhalt die eigentliche Nachricht ist, bleibe bei lesbarem Unicode.

Ehrlicher Umfang: Was dieses Werkzeug tut und nicht tut

Dieses Werkzeug generiert Zalgo-artigen Glitch-Text, indem es Unicode-kombinierende Markierungen auf jedem Zeichen deiner Eingabe stapelt. Es produziert keine anderen Glitch-Effekte, die typischerweise CSS- oder Canvas-Rendering auf tatsächlich gerendertem Text erfordern, statt Unicode-Tricks. RGB-chromatische-Aberrationsverschiebung (der Rot-Grün-Blau-Versatz-Effekt, der Text wie einen falsch registrierten Druck aussehen lässt) ist ein CSS-Effekt, der text-shadow mit versetzten roten/grünen/blauen Kopien verwendet. Scanline-Overlay (der CRT-Monitor-Horizontallinien-Effekt) ist ein CSS-Hintergrundmuster aus sich wiederholenden linearen Gradienten. Glitch-Animation (das ruckelige RGB-Shift-mit-Rauschen) erfordert CSS-Keyframe-Animation. Pixel-Sort / Data-Bend (der „kaputte JPEG"-gleitende-Pixel-Effekt) erfordert tatsächliche Bilddaten-Manipulation in JavaScript oder einen echten Bildeditor. Die Ausgabe dieses Werkzeugs ist portables einfaches Unicode, das überall hineingefügt werden kann; für die visuellen-Effekt-Glitch-Stile schau dir CSS-basierte Glitch-Effekt-Generatoren an. Die beiden Ansätze sind komplementär: dies für Unicode-Text-Kontexte, CSS-Effekt-Werkzeuge für auf-der-Seite-gerenderte Kontexte.

Funktionen

Häufige Fragen

Wird Glitch-Text in allen Apps angezeigt?

Unicode-Glitch-Text nutzt Kombinationszeichen, die in den meisten Apps angezeigt werden, darunter Twitter, Discord, Instagram und Messaging-Apps. Manche Apps entfernen oder begrenzen Kombinationszeichen, was den Effekt mindern kann. Testen Sie auf Ihrer Zielplattform.

Kann ich Glitch-Text in HTML verwenden?

Ja, fügen Sie den Unicode-Glitch-Text direkt in Ihren HTML-Inhalt ein. Da es sich nur um Kombinationszeichen handelt, funktioniert er in jedem Element ohne zusätzliches CSS oder JavaScript.

Woher kommt der Zalgo-Text?

Er entstand als Creepypasta in den Something-Awful-Foren im Juli 2004, gepostet vom Benutzer Shmorky (Dave Kelly) als Parodie auf „He Is Coming"-Tropen. Die Figur „Zalgo" war eine bösartige Entität, deren Anwesenheit in einem Comic die Sprechblasen der Charaktere in unleserliches Gekritzel verzerrte, gerendert mit gestapelten Unicode-kombinierenden Markierungen. Die Ästhetik entkam Something Awful über 4chan, Tumblr und MySpace, und der Name blieb als Genre-Label haften. Der zugrunde liegende Unicode-Trick, das Stapeln kombinierender Markierungen, ist Jahrzehnte älter als das Meme.

Ist Glitch-Text barrierefrei?

Nein, Glitch-Text ist feindlich gegenüber Screenreadern (NVDA stottert, JAWS liest den vollständigen Unicode-Namen jeder kombinierenden Markierung laut vor, VoiceOver macht unbeholfene Pausen), und gestapelte Markierungen können für Benutzer mit kognitiven/visuellen Verarbeitungsunterschieden visuell desorientierend oder migräneauslösend sein. Verwende keinen Glitch-Text, wo er semantische Bedeutung trägt, Dokumentation, Alt-Text, Fehlermeldungen, Anweisungen. Für dekorative Verwendung in Social-Bios und lockeren Posts ist der Kompromiss akzeptabel, solange die eigentliche Nachricht auch irgendwo in Klartext vermittelt wird.

Macht das auch CSS-Glitch-Effekte?

Nein, dieses Werkzeug produziert nur einfachen Unicode-Glitch-Text. CSS-basierte Glitch-Effekte (RGB-chromatische-Aberrationsverschiebung über text-shadow-Versätze, Scanline-Overlay über sich wiederholende lineare Gradienten, animiertes Ruckeln über @keyframes) sind eine andere Kategorie, die erfordert, dass der Text durch dein Stylesheet gerendert wird, anstatt als einfaches Unicode eingefügt zu werden. Die beiden Ansätze sind komplementär: Unicode-Glitch-Text für portable Klartext-Kontexte (Bios, Chat, Posts), CSS-Glitch-Effekte für auf-der-Seite-gerenderte Kontexte (die Überschriften deiner eigenen Website).

Wird mein Text irgendwohin gesendet?

Nein. Die Generierung läuft vollständig in deinem Browser über JavaScript. Der Text, den du tippst, überquert nie das Netzwerk, überprüfe es im Netzwerk-Tab von DevTools, während du auf Generieren klickst, oder nimm die Seite offline (Flugmodus) nach dem Laden und das Werkzeug funktioniert immer noch.

Verwandte Tools

CSS-Text-Farbverlauf-Generator CSS Text-Stroke Generator CSS-Animationsgenerator CSS-Verlauf-Border-Generator