Как пользоваться: Генератор ASCII-арта
- Введите короткое слово или имя — ASCII-арт лучше всего выглядит при 1–12 символах.
- Прокрутите 20 шрифтов или выберите один в поле Показать.
- Выберите Копировать как: обычный текст, комментарий для JS/CSS, Shell/Python, HTML, блок кода Markdown или готовый
console.log(). - Нажмите Копировать под понравившимся шрифтом или скачайте его в виде файла .txt.
Где разработчики используют ASCII-арт
- Заголовки в коде — баннер-комментарий в начале таблицы стилей или в блоке пользовательского кода сайта на Webflow помогает быстро находить разделы.
- Файлы README — логотип в блоке кода Markdown отображается на GitHub, npm и в терминалах. Сочетайте его с генератором README.
- Пасхалки в консоли — приветствие через
console.logв инструментах разработчика браузера, часто используется в сообщениях для рекрутеров. - CLI-инструменты — заставки и вывод справки.
Что такое FIGlet?
FIGlet (1991) — классическая программа для больших букв, составленных из обычных символов. Её шрифты (файлы .flf) описывают каждую букву и то, как соседние буквы «слипаются» друг с другом. Этот инструмент использует figlet.js и 20 популярных шрифтов, всё работает прямо в вашем браузере.
Советы
- Мессенджеры (WhatsApp, Slack, Discord, Teams) показывают текст с пропорциональным шрифтом и убирают пробелы в начале строк. Копируйте с опцией «WhatsApp / Slack / Discord» — она оборачивает арт в
```, поэтому он отображается моноширинным шрифтом. Для телефонов выбирайте узкие варианты. - ASCII-арт всегда должен отображаться моноширинным шрифтом: в HTML оборачивайте его в
<pre>, в Markdown — в блок кода. - Широкие шрифты, например Banner3 или Larry 3D, быстро занимают много места. Для длинных слов выберите «Компактно» или короткий шрифт, например Small или Mini.
- Шрифты с псевдографикой (ANSI Shadow, Calvin S) используют символы Unicode — они отлично смотрятся в терминалах и README, но не являются чистым 7-битным ASCII.
- Программы для чтения с экрана читают ASCII-арт посимвольно. На веб-страницах добавляйте
aria-hidden="true"и выводите настоящий текст отдельно.
Если нужны иконки и символы вместо букв, попробуйте текстовые символы и выбор эмодзи.
Также ищут как: figlet онлайн, ascii арт для readme, console.log ascii арт.
Инструменты, которые хорошо сочетаются с Генератор ASCII-арта
- Изображение в ASCII-арт — Преобразуйте фото, логотип или скриншот в ASCII-арт из символов.
- Конвертер регистра — Вставьте любой текст и преобразуйте его между 11 вариантами регистра: от Title Case для заголовков до camelCase и snake_case для кода.
- Инспектор Unicode-символов — Вставьте любой текст, чтобы увидеть, из чего он состоит на самом деле: имя, кодовую точку, UTF-8 байты и HTML-код каждого символа.