ASCII Art Converter

A simple image-to-ASCII art converter made using HTML, CSS, and JavaScript.

Upload an image, adjust the detail level, and convert it into ASCII art directly in the browser.

https://yashNooo.github.io/ASCII-art-convertor/

• Upload an image
• Convert image into ASCII art
• Adjustable detail slider
• Grayscale image processing
• Download ASCII output as a .txt file
• Simple grayscale UI

The image is resized and drawn on an HTML canvas.

JavaScript reads the image pixels, converts them into grayscale, and maps the brightness of each pixel to ASCII characters.

Darker pixels use heavier characters like:

$ @ B % #

Brighter pixels use lighter characters like:

: , . '

The characters are then arranged row by row to create the final ASCII image.

• HTML
• CSS
• JavaScript
• Canvas API
• FileReader API

Clone the repository:

git clone https://github.com/yashNooo/ASCII-art-convertor.git

Go inside the project folder:

cd ASCII-art-convertor

Then open index.html in your browser.

If you use VS Code, you can also run it using Live Server.

ASCII-art-convertor/
├── index.html
├── style.css
├── script.js
└── README.md
.md

• Image to ASCII conversion
• Automatic image resizing
• Font aspect-ratio correction
• Detail/resolution slider
• TXT download feature
• Grayscale themed UI

Made by Yash

GitHub: https://github.com/yashNooo