About

ASCII art and plain text lack portability. Pasting monospaced characters into a chat, email, or document risks font substitution, line-wrap corruption, and whitespace collapse. A single wrong font renders hours of careful spacing meaningless. This tool performs real pixel-level rendering through the Canvas API: each character is measured via measureText, placed at exact coordinates, and exported as a true JPEG bitmap at configurable quality Q ∈ [0.1, 1.0]. The output is a standalone image file that preserves spatial fidelity regardless of the viewer's installed fonts.

The converter assumes a monospaced typeface to maintain column alignment. Variable-width fonts are available but will distort grid-based ASCII art. JPEG compression introduces lossy artifacts around sharp text edges. For lossless output, set quality to 1.0 (minimal compression). Note: extremely large inputs (> 10,000 lines) may hit browser canvas size limits, which vary by device and browser engine.

Formulas

The canvas dimensions are computed from the input text properties and rendering configuration:

W = max(measureText(line_i).width) + 2 ⋅ padding

H = N ⋅ fontSize ⋅ lineHeight + 2 ⋅ padding

where W = canvas width in pixels, H = canvas height in pixels, N = number of text lines, fontSize = selected font size in px, lineHeight = dimensionless multiplier, and padding = border padding in px.

Each line line_i is drawn at position:

(x, y) = (padding, padding + i ⋅ fontSize ⋅ lineHeight + fontSize)

The JPEG encoding uses the native Canvas method toBlob(callback, "image/jpeg", Q) where Q ∈ [0, 1] controls the DCT quantization table scaling factor. At Q = 1.0, the quantization matrix approaches identity, preserving maximum detail.

Reference Data

Parameter	Default	Range	Effect on Output
Font Size	14px	8 - 72px	Directly scales canvas dimensions and character resolution
Line Height	1.4	1.0 - 2.5	Multiplier on font size for vertical spacing between lines
Padding	20px	0 - 100px	Whitespace border around rendered text
JPEG Quality	0.92	0.1 - 1.0	Higher values reduce compression artifacts but increase file size
Font: Courier New	Monospaced	-	Best for ASCII art; preserves column alignment
Font: Consolas	Monospaced	-	Slightly narrower than Courier; modern appearance
Font: Lucida Console	Monospaced	-	Wider character spacing; high readability
Font: Monaco	Monospaced	-	macOS native monospace; compact
Font: Arial	Variable-width	-	Will break ASCII art grid alignment
Font: Georgia	Variable-width (Serif)	-	Serif rendering; not recommended for art
Canvas Max Width	Browser-dependent	~16384px	Chrome/Firefox limit; exceeding causes blank output
Canvas Max Height	Browser-dependent	~16384px	Same as width; total pixel count also capped
Canvas Max Area	Browser-dependent	~268Mpx	Chrome ~268M, Safari ~67M, Firefox ~472M
JPEG at Q=0.1	-	-	~5 - 15KB per 100 lines; heavy artifacts
JPEG at Q=0.5	-	-	~20 - 60KB per 100 lines; acceptable quality
JPEG at Q=1.0	-	-	~80 - 200KB per 100 lines; near-lossless

Frequently Asked Questions

ASCII art depends on a monospaced font where every character occupies equal horizontal space. If you select a variable-width font like Arial or Georgia, columns will not align. Always use a monospaced font (Courier New, Consolas, Lucida Console, or Monaco) for grid-based ASCII art.

JPEG uses lossy DCT compression that introduces ringing artifacts around high-contrast edges - exactly what text produces. Set quality to 0.92 or higher for readable text. At Q = 1.0 you get near-lossless output with file sizes roughly 3-5× larger than Q = 0.5. For archival purposes, use Q = 1.0.

The limit is the browser's Canvas size cap. Chrome supports approximately 16,384 × 16,384 pixels with a total area limit around 268 megapixels. At font size 14px with line height 1.4, that is roughly 835 visible lines. Exceeding this produces a blank or corrupted image. Reduce font size or split your input for very large ASCII art.

Yes. Use the file upload zone to drag-and-drop or click to select any .txt file. The FileReader API reads the file content as UTF-8 text, populates the input area, and triggers the preview. Files up to several megabytes load instantly since reading is done in-memory.

JPEG compresses uniform color regions very efficiently. A solid background (white or any flat color) compresses well, keeping file sizes small. Gradients or patterns would increase file size. This tool uses a solid fill, so background color choice has negligible impact on output size - the text edge artifacts dominate the compression overhead.

JPEG is optimized for photographs, not text. High-contrast character edges create frequency components that resist DCT compression. A 50-line ASCII art at Q = 0.92 may produce a 40-80 KB file. This is inherent to the JPEG format. For smaller files, reduce quality to 0.7 - at the cost of visible ringing around characters.