About

Unicode Braille characters (U+2800 - U+28FF) encode 256 unique dot combinations in a 2×4 cell grid. This tool samples image luminance using the ITU-R BT.601 coefficient set (L = 0.299R + 0.587G + 0.114B) and maps each cell block to the corresponding Braille codepoint. The result is a dense, copy-pasteable text representation of any photograph or graphic. Incorrect threshold selection collapses tonal range into either blank space or solid blocks. Optional Floyd-Steinberg dithering distributes quantization error to neighboring cells, preserving gradient detail that simple thresholding destroys.

Output width is measured in Braille characters, where each character covers 2 horizontal and 4 vertical pixels of the sampled image. Terminal fonts render characters approximately twice as tall as wide, so the tool applies automatic aspect ratio correction. This approximation assumes monospaced display at standard line-height. Results degrade on proportional fonts or non-standard terminal configurations.

Formulas

Pixel luminance is computed from RGB components using the ITU-R BT.601 standard weighting:

L = 0.299 ⋅ R + 0.587 ⋅ G + 0.114 ⋅ B

Each output character represents a 2×4 block of sampled pixels. The Braille Unicode codepoint is constructed by bitwise OR of dot flags:

codepoint = 0x2800 + 7∑i=0 dot_i ⋅ 2ⁱ

where dot_i ∈ {0, 1} is determined by comparing cell luminance against threshold T: dot_i = 1 if L_i < T. The dot-to-bit position mapping follows the Unicode standard: positions (0,0), (0,1), (0,2), (1,0), (1,1), (1,2), (0,3), (1,3) map to bits 0 - 7 respectively.

Floyd-Steinberg dithering distributes quantization error e to four neighboring pixels with weights:

e_right = 716 e, e_below-left = 316 e, e_below = 516 e, e_below-right = 116 e

where e = L_actual − L_quantized.

Reference Data

Parameter	Value / Range	Notes
Unicode Block	U+2800 - U+28FF	Braille Patterns, 256 characters
Dots per Character	8 (2×4 grid)	Dot 1-6 classic + dots 7,8 extended
Blank Character	U+2800 (⠀)	All dots off
Full Character	U+28FF (⣿)	All 8 dots on
Luminance - Red	0.299	ITU-R BT.601 coefficient
Luminance - Green	0.587	ITU-R BT.601 coefficient
Luminance - Blue	0.114	ITU-R BT.601 coefficient
Typical Output Width	60 - 160 chars	Depends on target display
Aspect Correction Factor	≈0.5	Vertical scale halved for terminal fonts
Dithering: Floyd-Steinberg	7/16, 3/16, 5/16, 1/16	Error diffusion weights
Threshold Range	0 - 255	Lower = more dots filled
Max Safe Resolution	4096×4096 px	Canvas memory limit on mobile
Dot Bit Mapping (col,row)	(0,0)=bit0, (0,1)=bit1, (0,2)=bit2, (1,0)=bit3, (1,1)=bit4, (1,2)=bit5, (0,3)=bit6, (1,3)=bit7	Unicode Braille standard encoding
Output Encoding	UTF-8	Required for Braille character display
Supported Input Formats	PNG, JPEG, GIF, BMP, WebP, SVG	Any browser-decodable image format
Empty Row Character	U+2800 repeated	Preserves spacing in blank regions

Frequently Asked Questions

Terminal and monospaced fonts render characters with a height-to-width ratio of approximately 2:1. The generator applies an aspect correction factor of 0.5 to vertical sampling. If your display font has a different ratio, adjust the output width setting. Proportional fonts will distort results significantly.

Threshold mode makes a binary decision per pixel: dot on if luminance is below T, off otherwise. This works well for high-contrast images but destroys gradients. Floyd-Steinberg dithering distributes the rounding error (7/16 right, 5/16 below, 3/16 below-left, 1/16 below-right) to neighboring pixels before they are quantized, preserving perceived tonal gradation at the cost of a stippled texture.

Each character covers 2 horizontal pixels of the sampled grid. An output width of 100 characters samples 200 pixel columns. Higher widths preserve more detail but produce larger text blocks. A typical terminal is 80-120 columns wide. For social media posts, 60-80 characters works best. The vertical dimension scales proportionally based on image aspect ratio.

Braille art requires a monospaced font to maintain alignment. In HTML, wrap the output in <pre style="font-family: monospace; line-height: 1;">. Without monospace, columns misalign and the image becomes unrecognizable. The line-height should be set to 1 or the art will have visible horizontal gaps between rows.

Images with strong edges, high contrast, and simple compositions convert best. The Braille grid resolution is inherently low (each character represents only 8 dots), so fine details below the sampling resolution are lost. Photographs of faces work surprisingly well because human vision is tuned to recognize facial features from minimal cues. Busy backgrounds and low-contrast scenes produce noise.

Yes. By default, dark pixels map to filled dots (suitable for light terminal backgrounds). Inverting swaps this logic so bright pixels fill dots, which is correct for dark terminal backgrounds. The invert toggle flips the threshold comparison from L < T to L ≥ T.