About

ASCII art and plain text lack portability. Pasting monospaced characters into a chat, email, or document often destroys alignment because the recipient's system substitutes a proportional font. Converting the text to a rasterized PNG image freezes every glyph in place. This tool renders your input onto an HTML Canvas element, measures each line with measureText, sizes the bitmap to the exact bounding box (plus user-defined padding p in px), and exports a lossless PNG blob. No server upload occurs. The conversion runs entirely in your browser via the Canvas 2D API.

Accuracy depends on font selection. ASCII art created for a monospaced grid (e.g., Courier New at 14px) will misalign if rendered in a proportional typeface. The tool defaults to monospace to preserve column structure. Adjust line height (lh) if vertical spacing appears compressed. Output resolution scales 1:1 with font size - a 16px font on a 80-column block yields roughly 640px width, suitable for web but not print. Increase font size for higher-resolution exports.

Formulas

The output image dimensions are computed from the text content and rendering parameters:

W = max(w₁, w₂, …, w_n) + 2 ⋅ p

H = n ⋅ s ⋅ lh + 2 ⋅ p

Where W = canvas width in px, H = canvas height in px, w_i = measured pixel width of line i (via measureText), n = total number of lines, s = font size in px, lh = line-height multiplier (dimensionless, typically 1.0 - 2.0), and p = padding in px.

Each line i is drawn at vertical offset:

y_i = p + i ⋅ s ⋅ lh

The canvas uses fillText with textBaseline set to "top" so that y_i corresponds to the top edge of each line's bounding box. The resulting bitmap is exported as a lossless PNG via toBlob.

Reference Data

Font Family	Type	ASCII Art Safe	Avg. Glyph Width at 16px	Best Use Case
Courier New	Monospaced	Yes	9.6px	Classic ASCII art, code
Consolas	Monospaced	Yes	8.8px	Modern code, Windows
Monaco	Monospaced	Yes	9.0px	macOS terminals
Lucida Console	Monospaced	Yes	8.5px	Compact ASCII art
DejaVu Sans Mono	Monospaced	Yes	9.4px	Linux systems, Unicode blocks
Source Code Pro	Monospaced	Yes	8.7px	Professional code screenshots
Arial	Proportional	No	7.1px	Plain text banners
Georgia	Proportional (Serif)	No	7.5px	Elegant text renders
Verdana	Proportional	No	8.0px	High-legibility text
Times New Roman	Proportional (Serif)	No	6.8px	Document-style renders
Impact	Proportional	No	7.3px	Meme-style text images
Comic Sans MS	Proportional	No	7.6px	Casual/informal renders
Trebuchet MS	Proportional	No	7.2px	Web-friendly text images
monospace (generic)	Monospaced	Yes	~9.6px	Cross-platform fallback
serif (generic)	Proportional (Serif)	No	~7.0px	Generic serif fallback
sans-serif (generic)	Proportional	No	~7.2px	Generic sans fallback

Frequently Asked Questions

ASCII art relies on every character occupying the same horizontal space. If you select a proportional font (e.g., Arial), characters like "i" and "W" have different widths, destroying column alignment. Always use a monospaced font such as Courier New, Consolas, or the generic "monospace" family. Verify the original art was also created in a monospaced environment.

Output resolution is directly proportional to font size. A font size of 16px on an 80-column ASCII block produces roughly 640px wide image. For print quality (300DPI on a 4-inch width), set font size to approximately 60px yielding ~2400px width. There is no separate DPI setting because PNG stores pixels, not physical dimensions.

Box-drawing characters (U+2500 - U+257F) render correctly in most monospaced fonts. Emoji support depends on the browser and OS. Canvas text rendering does not support color emoji on all platforms - some systems render them as monochrome outlines. Test with a small sample before converting large art pieces containing emoji.

Trailing empty lines in your input text add vertical space. The tool counts all lines including blank ones. Remove trailing newlines from your input, or reduce padding. The line height multiplier lh also amplifies vertical spacing - values above 1.4 add noticeable gaps between lines.

Browser Canvas elements have maximum dimension limits, typically 16384×16384px on desktop and 4096×4096px on some mobile devices. If your text generates a canvas exceeding these limits, the export may produce a blank image. Reduce font size or split the text into smaller sections.

Yes. When you enable transparent background, the canvas is not filled with any color before text rendering. The PNG format supports a full 8-bit alpha channel, so non-text pixels will have 0 opacity. Note that some image viewers display transparency as white or a checkerboard - the actual alpha data is preserved in the file.