ASCII Art Generator

ASCII Art Generator draws words and pictures out of ordinary keyboard characters. Type a word and it becomes a large banner you can paste into a terminal welcome message, a README, the top of a source file, a Discord post or a plain-text email. Seven styles are built in, from solid blocks and classic # banners to hollow outline letters, a slanted version, blocks with a drop shadow, a half-height style and a tiny two-line style made of Braille dots.

The second tab turns a photo or logo into ASCII art. Choose how many characters wide it should be, which characters to draw with and whether it will sit on a dark or light background, and the result updates as you move the sliders. Switch on colour to keep the original colours in the PNG and HTML downloads. The third tab builds neat comment boxes for code in more than twenty languages, with frames, wrapping and centring.

Every letter shape here was drawn for AroraTools rather than copied from a font file, so there is nothing to credit and nothing to licence. Your text and pictures never leave your device: all the drawing happens in your browser.

1. In “Text banner”, type into “Your text”. The result appears below straight away.
2. Tap a card under “Style” to change the look, and set “Spacing” to Tight, Normal or Wide.
3. Pick “Comment marks” if the banner is going into code, such as // for JavaScript or # for Python.
4. Press “Copy”, “Copy for chat” (keeps it lined up in Discord, Slack and GitHub), “.txt” or “.png”.
5. For a photo, open “Picture to ASCII”, choose a picture, then adjust “Width”, “Characters” and “Background”.
6. For code headers, open “Comment box”, type your text and choose the language and frame.

• Seven banner styles: Block, Standard (outline), Slant, Shadow, Banner, Small (▀▄ half blocks) and Tiny (Braille dots).
• Banner style can draw with any character you type, or with each letter itself.
• Capital and small letters, digits and common punctuation, with accented letters drawn as their plain form (é as e).
• A live size readout, and a warning when a banner is wider than an 80-column terminal.
• Comment marks for //, #, /* */, <!-- -->, --, ; and % languages, so a banner drops straight into a source file.
• Picture to ASCII with widths from 20 to 300 characters, six character sets plus your own, invert, brightness and contrast.
• Colour mode that keeps each character’s colour in a PNG or a standalone HTML page.
• Opens JPG, PNG, WebP, AVIF, GIF, HEIC, TIFF, SVG and ICO pictures, by choosing, dropping or pasting.
• Comment boxes with ASCII, single-line, double-line, rounded or comment-character frames, word wrap at 40–76 columns, padding and centring.

• ASCII art only lines up in a monospaced font, where every character is the same width. In chat apps use “Copy for chat”, which wraps it in ``` so it shows as code.
• Block, Shadow, Small and Tiny use special characters. They look right in modern terminals and editors, but very old systems may show question marks; use Standard, Slant or Banner there.
• For pictures, a clear subject on a plain background works far better than a busy scene. Raise the contrast if the result looks muddy.
• Choose the background that matches where the art will be shown. Plain text has no colour of its own, so art made for a dark terminal looks inverted on white paper.
• Long words get wide quickly. Put each word on its own line, or use Tight spacing, to stay under 80 columns.