ASCII Art sieht in deinem Editor perfekt aus, aber sobald du sie nach Discord oder WhatsApp pastest, zerfällt sie. Der Grund: die Empfänger-Plattform rendert die Zeichen nicht mehr in Monospace. Hier die Lösung pro Plattform.
Discord
Die zuverlässigste Methode ist der Code-Block: paste die ASCII Art zwischen drei Backticks (Tilden-Taste, dreimal). Discord rendert dann in seiner Monospace-Schrift, das Bild bleibt stabil.
```
/\_/\
( o.o )
> ^ <
```Wer Syntax-Highlighting unterdrücken will, kann nach den ersten drei Backticks ein txt setzen. Maximale Block-Größe: rund 2000 Zeichen pro Nachricht. Wer mehr braucht, splittet auf mehrere Nachrichten.
Inline-Code mit einem einzigen Backtick funktioniert nur für einzeilige ASCII (zum Beispiel das <3-Herz). Mehrzeilig braucht den Block.
Slack
Funktioniert wie Discord, ebenfalls drei Backticks. Slack hat zusätzlich einen /code-Slash-Befehl, der einen Code-Block aus der nächsten Eingabe macht. Maximale Länge etwa 4000 Zeichen.
WhatsApp hat seit 2021 Monospace-Formatierung: paste die ASCII Art zwischen drei Backticks (gleiche Syntax wie Discord). Achtung: auf dem Smartphone kann die Backtick-Taste schwer zu finden sein, viele Tastaturen verstecken sie hinter dem &-Symbol-Layer.
Alternative: Statusmeldung mit ASCII Art funktioniert nur bei sehr kompakten Werken (etwa drei Zeilen, weil der Status-Container die Höhe begrenzt). Lange Banner bleiben besser im Chat.
Telegram
Telegram hat einen eigenen Monospace-Modus: paste die ASCII Art zwischen Backticks (drei Stück wie üblich) oder markiere den Text und wähle im Format-Menü "Monospace". Maximale Nachrichtenlänge: 4096 Zeichen.
Das ist der schwierige Fall. Instagram hat keinen Monospace-Modus, weder im Post, in der Caption, in den DMs noch in den Story-Texten. Wer ASCII Art auf Instagram zeigen will, hat drei Optionen:
- Als Bild posten: ASCII Art im Generator als PNG exportieren (Knopf über dem Output), dann hochladen. Funktioniert am besten.
- Story-Text: Wenn das Banner sehr kurz ist und du einen Story-Hintergrund wählst, wirkt selbst Proportional-Schrift halbwegs lesbar. Aber: ANSI-Block-Zeichen werden unzuverlässig dargestellt.
- Verzicht: Bei Detail-reichen ASCII-Bildern bringt es nichts, Instagram als Plattform aufzubrechen. Twitter/X bleibt der bessere Ort.
Twitter / X
Twitter rendert Tweets in einer leicht proportionalen Schrift, was ASCII Art zerfallen lässt. Trick: schreibe das Banner in einen Code-Block mit den Buchstaben monospace Markdown-Syntax (drei Backticks), das überlebt das Posting. Maximale Tweet-Länge: 280 Zeichen, also nur kleine Banner möglich.
In Plain-Text-E-Mails klappt ASCII Art ohne Tricks. In HTML-Mails (also den meisten) musst du den Text in eine <pre>-Tag-Umgebung setzen und sicherstellen, dass dein Mail-Client eine Monospace-Schrift verwendet. Gmail nimmt Konsolen-Schrift dafür, Outlook nimmt Courier.
Schriftart auf dem eigenen Gerät prüfen
Falls dir das fertige Ergebnis im Browser komisch aussieht, liegt es meistens am Browser-Default-Font für <pre>. Setz testweise im Browser-DevTools die Eigenschaft font-family: 'Courier New', monospace. Wenn dann alles passt, war es die Schrift.