ASCII Art Generator

Renders your text to a canvas and samples brightness into ASCII characters

Text

ASCII art


    
Nothing you type here is ever sent anywhere — the text is rendered to an in-memory canvas and sampled entirely in your browser.

About this tool

This generator draws your text onto a hidden canvas using a bold monospace font, then walks the resulting pixel grid and maps each sampled block's brightness to a character from a ramp that runs from a blank space (bright) to "@" (dark). The result is genuine image-to-ASCII conversion, not a stylized font substitution — the same technique used for converting photos into ASCII art, just applied to rendered glyphs. Adjust the font size to trade off detail against overall art size.

Why does the output look tiny or squashed at first?

ASCII art uses a small font in the preview because each line can be very wide. Copy it into a monospace text editor at a small font size, or download it, to see the full effect at readable scale.

What does the font size setting actually change?

It changes the resolution the text is rendered at before sampling. A larger font size produces a bigger, more detailed grid of characters; a smaller one produces a more compact result.

Will it work with non-Latin characters or emoji?

Yes — anything your browser's monospace font can render will be drawn and sampled the same way, since the conversion works on pixels, not on the underlying characters.

Turning a word into characters

Type a short word and the tool draws it onto a hidden canvas, checks how dark each small patch is, and swaps every patch for a character: heavy symbols like @ and % where it's dark, lighter marks where it isn't. The result is your word built out of text.

Short, bold words work best. A couple of letters up to a short word stays readable; a long sentence gets crowded because all of it has to fit on the same canvas. The font size setting changes how much detail you get, so try two or three values and keep the one that looks best.

The output is plain text, so it pastes into code comments, README files, terminal banners and forum signatures. Use a monospaced font wherever it lands, otherwise the rows drift out of line.

Good to know

If the picture looks like a jumble, paste it into a code block or a plain text editor first. Proportional fonts, and chat apps that collapse spaces, are the usual culprits.