How to Make ASCII Art for Discord Without Breaking the Formatting
ASCII art for Discord works best when you put the drawing inside a multiline code block. Code blocks preserve line breaks, show text in a fixed-width font, and stop symbols such as asterisks from being interpreted as ordinary Markdown formatting. Without that protection, a picture made of spaces, slashes, and punctuation can shift out of shape.
The second rule is just as important: keep the artwork narrow enough for the screen. A perfectly formatted 120-column picture may still be inconvenient or difficult to view on a phone.
How to Post ASCII Art in a Discord Code Block
Create your design in a text editor or ASCII art generator. Then place three backticks on a line before the drawing and three more on a line after it.
The following is the exact message to type into Discord:
```
/\_/\\
( o.o )
> ^ <
```
Once posted, Discord displays the drawing as fixed-width text. The backtick lines form the wrapper; they are not part of the cat itself.
Follow these steps:
- Prepare a short ASCII drawing and copy all its lines, including leading spaces.
- Open the Discord channel or conversation where you want to share it.
- Type three backticks, then start a new line.
- Paste the artwork without adding bullets, quotes, or emoji to the beginning of its rows.
- Start another new line, type three closing backticks, and preview the message if your client allows it.
- Send the message and check how it appears on both desktop and mobile.
A pair of single backticks is useful for a short inline snippet, but triple backticks are the appropriate choice for drawings spanning multiple lines.
Make Discord ASCII Art That Fits the Chat Window
The best width depends on where people read the message. A large desktop monitor can accommodate more columns than a narrow phone.
| Design type | Suggested width to try | Why |
|---|---|---|
| Small symbol or face | 10–25 columns | Easy to view in most conversations |
| Mobile-friendly drawing | 20–35 columns | Less likely to require horizontal scrolling or wrap |
| Compact heading banner | 30–50 columns | Works well in many desktop conversations |
| Detailed ASCII picture | 60+ columns | More detail, but test on the actual client |
These are practical ranges, not Discord-imposed widths. Font size, client version, window size, and device orientation affect the available space. Test rather than assume.
If you convert an image to ASCII, begin with a narrow output width and choose an uncluttered photo. Lowering the width often improves Discord readability more than adding an elaborate character palette.
Why Discord Breaks ASCII Art After Pasting
The artwork is not inside a code block
Ordinary Discord messages do not guarantee fixed-width positioning. Markdown also treats some punctuation as formatting markers. If the original contains many *, _, or ~ symbols, parts of the text can be transformed visually.
Fix: Wrap the entire artwork in a fenced code block, with opening and closing backticks on separate lines.
A row is too long for the available width
Code formatting does not make a small device infinitely wide. Depending on the client and viewport, a long row may wrap or require scrolling, making the shape awkward to read.
Fix: Generate fewer columns, trim empty margins, or share a PNG if the full-size composition is essential.
Leading spaces were lost before posting
Some text-editing workflows trim indentation or replace multiple spaces. When the first few spaces of a line vanish, centered designs move left.
Fix: Copy from a plain-text editor, check the pasted message before sending, and avoid passing the drawing through tools that automatically reformat text.
The design uses unusual Unicode characters
Symbols such as block shades, emoji, and box-drawing characters do not always occupy the same apparent width as ordinary ASCII characters. Font fallback and client rendering can introduce inconsistencies.
Fix: Prefer basic characters like /, \, |, _, ., and # for maximum predictability. If the special symbols are part of the intended style, inspect them on different devices or send an image.
How to Create ASCII Art for Discord Server Announcements
A short banner can help separate an event announcement from normal conversation without taking over the screen. Keep the banner as a visual heading, then put the actual announcement in ordinary text below it so members can read, search, and respond to the message.
Here is a compact example:
+------------------+
| GAME NIGHT! |
+------------------+
You can place this inside a Discord code block and add the date, rules, and channel information in plain text afterward. Avoid using a giant image-to-ASCII portrait as the only way to communicate critical information. Decorative drawings should support the message, not replace it.
For a custom server banner, build the words with a text-to-ASCII generator and try a narrow or compact lettering style. Check that no line has significantly more columns than the others.
When Is a PNG Better Than Text in Discord?
Send text when people may want to copy, modify, or reuse the characters. Use a code block for compatibility and easy editing.
Send a PNG when precise spacing, colors, or highly detailed shading are vital. Images behave more consistently across fonts and screen sizes, although they do not let people copy the underlying text directly. A useful compromise is to attach the PNG and put a small, editable text version in the message.
Conclusion
To make ASCII art for Discord, put the entire drawing between triple-backtick lines, preserve its original spaces, and keep it compact enough for mobile readers. If the drawing still looks wrong, check the line width and whether it contains unusual Unicode symbols. For small animals, headings, and server decorations, a carefully spaced code block is usually enough. For elaborate artwork, an image attachment is often more dependable.
Frequently Asked Questions
How do I copy and paste ASCII art into Discord without moving the lines?
Copy the drawing from a plain-text source, preserve leading spaces, and wrap it in triple backticks before sending. This causes Discord to display the characters in a monospace code block. If the result still shifts, check whether long rows are wrapping in your current window.
Why does ASCII art look different on Discord mobile?
A phone has less horizontal space, and the display font and scaling may differ from desktop. Long rows may be wrapped or hard to navigate even in code formatting. Try a 20–35-column version for mobile viewing, or share the art as a PNG.
Can I use colored ASCII art in Discord messages?
Ordinary plain-text ASCII drawings do not carry color information. Discord supports some syntax-highlighted code blocks, but their appearance varies and they are not a reliable format for detailed colored pictures. A PNG is a more predictable way to share artwork when exact colors matter.
Why is Discord changing my asterisks or underscores?
In normal messages, Discord interprets certain characters as Markdown formatting. An asterisk can contribute to italic or bold formatting, while underscores can also act as emphasis markers. Put the design inside a fenced code block so those symbols are treated as literal characters.