Skip to main content
ToolsHub

Image to ASCII Art

Upload an image to turn it into ASCII art by sampling brightness into characters — adjustable detail, all in your browser.

Files never leave your browser
Files never leave your browser

Drop an image here, or click to browse

JPG, PNG, WebP · up to 20 MB

How to use Image to ASCII Art

Convert any photograph or graphic into ASCII art — a mosaic of text characters that recreates the image by mapping each sampled pixel's brightness to a character from a density ramp. Adjust the output width in characters, choose a character set (standard, dense, simple, or block elements), then copy the result or download it as a plain text file. All processing runs on a canvas in your browser.

  1. Upload your image using the file picker or drag-and-drop.
  2. Set the output width (number of characters per line) — 80–120 is typical for a terminal display.
  3. Choose a character set: Standard is a good starting point; Dense gives more tonal range.
  4. Click "Convert to ASCII" to generate the text art.
  5. Copy the ASCII art to your clipboard or download it as a .txt file.

Your data never leaves your device — 100% private processing.

How image-to-ASCII conversion works

The image is first drawn onto a small canvas scaled to the desired output width (columns) and a proportional height (rows), with an aspect correction of approximately 0.55 to compensate for the fact that terminal characters are roughly twice as tall as they are wide. For each cell in the resulting grid, the RGB values are read from the canvas's ImageData and converted to a single luminance value using the ITU-R BT.601 perceptual weighting formula: L = 0.299R + 0.587G + 0.114B, which weights green most heavily because human vision is most sensitive to green light. The luminance (0–255) is then linearly mapped to an index in the character ramp — 0 maps to the densest character (darkest), 255 maps to the lightest (a space).

Character ramp selection and output quality

The character ramp determines the tonal resolution of the output. The standard ramp "@#S%?*+;:,. " has 12 tonal levels — sufficient for most images. The dense ramp includes 70 characters and gives smooth gradients but requires a monospace font to render correctly. The simple ramp "@#+-. " produces a high-contrast, graphic look. Block elements (█▓▒░ ) work best in terminals and text editors that support Unicode block characters, and render a cleaner result than ASCII character ramps. Images with high contrast, clear subjects, and simple backgrounds produce the best ASCII art. Photorealistic images with many gradients work well with the dense ramp; logos and icons suit the simple ramp.

Glossary

Luminance
A measure of the perceived brightness of a pixel, calculated as a weighted average of its red, green, and blue channels.
Character ramp
An ordered sequence of characters from dense/dark (e.g. "@") to sparse/light (e.g. " "), used to represent different brightness levels.
ITU-R BT.601
A standard defining the perceptual luminance formula: L = 0.299R + 0.587G + 0.114B — used in image processing and video encoding.
Aspect correction
A scaling factor (~0.55) applied to the row count to compensate for terminal characters being taller than wide, preventing vertically stretched output.

Related reading

Frequently Asked Questions

Free · No spam

Get weekly tool tips & updates

New tools, power-user tips, and productivity hacks — delivered free every Friday.

No spam, ever. Unsubscribe with one click.

Why use Image to ASCII Art?

  • Lossless and lossy compression options to balance quality vs file size
  • Supports all major formats: JPEG, PNG, WebP, AVIF, GIF
  • Batch operations keep filenames and folder structure intact
  • Runs client-side — no image data ever leaves your device

Common use cases

  • Resize product photos before uploading to an online store
  • Compress images to pass file-size limits on job application portals
  • Convert PNG screenshots to WebP for faster web pages
  • Create thumbnails for YouTube or social media posts
  • Remove backgrounds from profile photos

Related Image Tools

Explore all Image Tools.