Website review
This review may include AI-generated content and is not individually verified. Domain, certificate and other facts come from the observed data on this page.
What is TextPaint?
TextPaint is a browser-based tool for drawing with text. Instead of pixels, you paint with ASCII characters, Unicode symbols and emojis on a text canvas — closer to pixel art than to a word processor. You can draw freehand, fill enclosed areas, place typed text, select and move regions, draw lines, convert an uploaded image into character art, and merge two text files. Finished work can be exported as a plain text file, HTML or a JavaScript string. No account or installation is required.
Who it suits
- Forum and chat regulars who want signature art or decorative messages.
- Beginners who want to try ASCII art without learning a specialist editor, since the sidebar includes demo files to experiment with.
- Developers and tinkerers who need character art as a text file, HTML snippet or JavaScript string for a page or console.
- Anyone converting an image into a quick text-based version for a retro look.
Things to watch
- Display depends on a monospace font. TextPaint itself recommends Courier or Lucida Console, and the page warns that some wide or odd-width characters can break alignment — the editor can highlight these.
- ASCII art is a stylistic choice, not a replacement for real graphics: it is small, copyable and works anywhere text does, but it cannot match the detail of an image.
- Exporting to HTML or JavaScript means you will still need to place the result in your own page.
A sensible first step is to open one of the sidebar demos, switch to a monospace font, and redraw a small shape before trying the image-to-ASCII converter. If you want background on the medium itself, Wikipedia covers its history and conventions.
How do I convert an image to ASCII art with TextPaint?
Use the Image to ASCII tool in the sidebar: upload an image, let TextPaint convert it to character art on the canvas, then adjust the result with the other drawing tools and export it as a text file, HTML, or a JavaScript string.
Step by step
- Open TextPaint and find Image to ASCII in the sidebar.
- Upload the image you want to convert.
- Review the generated character art on the canvas. If it looks too coarse or too dense, check the canvas and font settings, since character width and canvas size affect how the result reads.
- Touch up the output: use the Pencil, Paint Bucket, Text Input, or Find & Replace to clean up areas or swap characters.
- Export when satisfied, choosing text, HTML, or a JavaScript string depending on where the art will live.
Practical tips
- Start with a simple, high-contrast image. Clear shapes and strong light-dark separation translate better into characters than busy photos.
- Display it in a monospace font. TextPaint's page notes Courier or Lucida Console work best; without monospace, spacing breaks on other sites.
- Watch for wide or odd-width characters. TextPaint flags characters that may break formatting—useful if you mix Unicode or emojis into the art.
- Use Find & Replace for quick tonal tweaks, for example swapping a dense character for a lighter one across a region.
The conversion is only the starting point; most of the quality comes from the cleanup and font choice afterward.
What is the best way to export and display my ASCII art so it looks right on a website?
Export as plain text and display it inside a <pre> element with a monospace font. That is the most reliable way to keep ASCII art aligned on a website. TextPaint's export options include a text file, HTML, and a JavaScript string, and its guidance is to use monospace fonts so the art renders consistently.
A practical setup
- Use
<pre>: it preserves spaces and line breaks, which ASCII art depends on. Without it, HTML collapses whitespace and the art breaks. - Set a monospace font:
font-family: "Courier New", Courier, monospace;keeps every character the same width. Lucida Console is another safe option. - Control wrapping: add
white-space: pre; overflow-x: auto;so long lines scroll instead of wrapping. - Watch wide characters: emojis and some Unicode symbols take more than one column and can shift rows. TextPaint flags characters that may break formatting; remove or replace them before publishing.
- Test at different sizes: view the page on a narrow screen. If the art is wider than the viewport, horizontal scrolling is usually better than wrapping.
Choosing an export format
| Format | Best for | Trade-off |
|---|---|---|
| Text file | Pasting into <pre>, version control, forums |
You add the HTML wrapper yourself |
| HTML | Dropping straight into a page | Check that the generated markup uses monospace styling |
| JavaScript string | Embedding in a script or template | Escaping must be correct; harder to edit by hand |
For a simple website, the text export plus your own <pre> block gives the most control. Use the HTML export when you want a quick copy-paste result and can verify the font styling.
Next step
Export one piece, paste it into a test page with the <pre> styling above, and compare it side by side with the editor. If rows misalign, look first for wide characters, then for a non-monospace font. For more character-based design tools, see TextPaint.
How can I draw freehand and fill areas with characters in TextPaint?
In TextPaint, freehand drawing and area filling are two separate sidebar tools. The Pencil lets you draw freehand with whatever character you have selected, so you can sketch strokes symbol by symbol. The Paint Bucket fills closed areas instantly with any character you choose. The intended workflow is to pick a character, sketch or block out the shape with the Pencil, then flood the enclosed regions with the Paint Bucket.
A practical sequence
- Choose your character with the Character Picker (it grabs any character already on the canvas) or pick a new one.
- Draw the outline or main strokes with the Pencil.
- Make sure the area you want to fill is fully closed, then click inside it with the Paint Bucket.
- Use Find & Replace to swap characters across the whole piece if a fill looks too dense or too sparse.
- Turn on the wide/odd-width character warning before exporting, since the page notes these can break formatting.
Choosing between them
| Tool | Best for | Trade-off |
|---|---|---|
| Pencil | Outlines, texture, hand-drawn detail | Slower for large solid regions |
| Paint Bucket | Solid fills, backgrounds, blocking in shapes | Only works on closed areas; can look flat |
| Text Input | Placing words or labels as art | Less control over irregular shapes |
Next step
Start from a sidebar demo rather than a blank canvas, so you can see how a finished piece combines freehand strokes and filled regions. When displaying the result elsewhere, use a monospace font such as Courier or Lucida Console, as the page recommends, so the artwork keeps its alignment.
Can I combine or merge two text files into one ASCII artwork?
Yes. TextPaint includes a Merge two texts tool in its sidebar, so you can combine two text-based artworks into a single piece, then continue editing on the same canvas.
What merging is good for
- Combining a title or banner made in one file with a picture or pattern made in another.
- Stitching together two halves of a large piece that were drawn separately.
- Reusing an old ASCII signature or logo inside a new design.
How to approach it
- Open or paste your first text artwork into the canvas.
- Use the merge tool to bring in the second file.
- Adjust alignment with the shift, rotate and flip settings so the two parts line up.
- Use Find & Replace to clean up stray characters where the pieces meet.
- Check that odd-width or wide characters are flagged, since they can break alignment.
- Export as a text file, HTML, or a JavaScript string when finished.
Things to watch
Merging combines content, not layout intelligence. If the two files use different line widths or fonts, the seam will look uneven, so match canvas width and use a monospace font such as Courier or Lucida Console for both. If you only need part of a second file, select the area first and copy just that region rather than merging whole files.
If you want a second opinion on how a merged piece will render, compare it in a plain-text editor before publishing.
Which characters or fonts should I avoid to keep my ASCII art from breaking formatting?
Use monospace fonts and avoid wide, double-width or combining characters if your ASCII art must line up on other websites, in code comments or in plain-text files. TextPaint's own canvas features include a warning that highlights characters likely to break formatting, such as wide or odd-width ones, so use that check before exporting.
Characters to avoid
- East Asian wide characters (CJK ideographs, full-width punctuation, full-width Latin letters): they occupy two columns in most monospace contexts, so a line of them shifts everything after it.
- Emoji and pictographs, including emoji with skin-tone or zero-width-joiner sequences: widths vary by platform and font, and sequences can render as one glyph or several.
- Combining marks and diacritics that attach to the previous character: they add no column but may change how the base character is measured.
- Zero-width characters (zero-width space, joiner, non-joiner, BOM): invisible, so misalignment is hard to diagnose.
- Tabs: tab stops depend on the viewer's settings; replace them with spaces.
- Smart quotes, en/em dashes and ellipsis characters if the destination might re-encode text: they can be converted or replaced. Plain
',",-and...are safer. - Non-breaking spaces where you expect ordinary spaces: they look identical but behave differently when text wraps or is edited.
Fonts to avoid
Avoid proportional fonts (Arial, Helvetica, most system UI fonts) and any font whose symbol or emoji glyphs are wider than its Latin characters. Courier and Lucida Console are the monospace choices TextPaint names as working best; other common safe options are Consolas, Menlo, DejaVu Sans Mono and Courier New. Test in the font your audience will actually see, since fallback fonts differ across systems.
Practical check
Before publishing, paste the export into a plain-text editor set to a monospace font and confirm the right edge of your drawing is straight. If it is, the art will usually survive forums, code blocks and text files. For browser display, TextPaint can export to HTML, which lets you set a monospace font and preserve spacing; plain text files are the safer target when the art will be copied between tools. See TextPaint for the character warning and export options.
User reviews (0)