Why ASCII Art Breaks in Chat Apps and How to Fix It
Chat windows are narrow and rarely monospaced. Pick a narrow font or send an image.
ASCII art that looks fine on a desktop often collapses when you send it in a chat app. There are two reasons. The chat font is not monospaced, and the message bubble is narrow.
Why do the lines shift?
Each character has a different width
ASCII art assumes every character is the same width. Chat apps use fonts designed for reading, where spaces, i, l, and . are narrow and W, M, and @ are wide.
Monospaced font Chat app font
| HAPPY | | HAPPY |
|_________| |_________|
The top row is mostly spaces and the bottom row is mostly underscores, so the two rows end up different lengths even though they contain the same number of characters. The more an image depends on spaces for positioning, the worse it looks.
The bubble is narrow
On a phone, a message bubble uses only part of the screen. When a row is longer than the bubble, the rest wraps to the next line and the whole picture falls apart. It gets worse for people who use a large text size.
Four fixes
1. Use monospace formatting where the app has it
Some messengers can show text in a monospaced font.
| App | How |
|---|---|
| Put three backticks (```) before and after the text | |
| Telegram | Put three backticks before and after, or choose Monospace from the formatting menu |
| Slack | Put three backticks before and after to make a code block |
| Discord | Put three backticks before and after (details) |
This fixes the character widths, but not the narrow bubble. Long rows still wrap on a phone.
2. Pick a narrow font
Each font card on lab.ascii shows how many columns the result takes. On a phone, Small, Mini, Small Slant, and Calvin S are marked “Good for narrow screens”. The same word can be twice as wide in one font as in another.
| Font | Width of HELLO |
|---|---|
| Standard | 30 columns |
| Small | 25 columns |
| Mini | 16 columns |
| Calvin S | 15 columns |
For longer text, split it into two messages.
3. Use a one-liner
A one-line kaomoji has no rows to align, so it survives in any app.
ʕ•ᴥ•ʔ (づ｡◕‿‿◕｡)づ \(^o^)/ (╯°□°)╯︵ ┻━┻
Click any card in the gallery to copy it.
4. Send an image
Multi-line banners and converted photos almost always break when sent as text in an app without monospace formatting. Use the PNG button on the result box and send the picture instead. It looks the same on every device, whatever text size the other person uses.
On a phone, the Share button on the result box sends the result as a PNG file directly, without saving it first.
What to use when
| What you want to send | Best option |
|---|---|
| A short word (HELLO, LOVE) | A narrow font, sent as text |
| A long sentence | Save as PNG |
| A converted photo | Save as PNG |
| A reaction or a mood | A one-line kaomoji |
| A birthday message | Text for small art, PNG for large art |
Check before you send
The most reliable test is to send the art to yourself first. Most apps let you message your own account or keep a private notes chat. Even if it looks right on your phone, the other person may have a different device or text size, so choose PNG when the message matters.
Desktop versions of chat apps have wider bubbles, but a desktop preview does not tell you how the art will look on a phone.
lab.ascii can also make banners from Korean text. Type Hangul and it switches to Hangul mode automatically.