Что такое ASCII-арт?

Это картинка, нарисованная не пикселями, а обычными символами. Стиль пришёл от телетайпов и первых BBS, где надпись из решёток была единственным способом показать крупный заголовок на экране, умеющем рисовать только буквы. Шрифты, которые делает этот инструмент, обычно называют FIGlet-артом — по имени программы 1991 года, которая сделала их популярными.

Какие шрифты доступны?

Семь. Standard собирает буквы из косых черт, палок и подчёркиваний — именно это большинство и представляет себе под словами «ASCII-арт». Block, Banner и Stars дают сплошные буквы, залитые символами █, # и * соответственно. Shadow рисует под блочными буквами лёгкую тень, Slant наклоняет весь баннер вправо, а Mini — компактный вариант, который вмещает примерно вдвое больше символов в ту же ширину.

Работает ли генератор с кириллицей?

Да, и это редкость: шесть растровых шрифтов (Block, Banner, Stars, Shadow, Slant, Mini) содержат полный русский алфавит, включая Ё, Ъ, Ы и Щ. Линейный шрифт Standard нарисован только для латиницы. Символы, для которых в выбранном шрифте нет буквы, заменяются пробелом и перечисляются под результатом — вы всегда видите, что именно выпало.

Почему текст становится заглавными буквами?

Во встроенных шрифтах есть только прописные начертания, поэтому строчные буквы поднимаются в верхний регистр, а не выбрасываются. Так эти шрифты и используют: крупная надпись почти всегда набирается капслоком, а смешанный регистр в семистрочном шрифте читается плохо. Цифры и знаки препинания проходят без изменений.

Можно ли вставить ASCII-арт в README на GitHub?

Можно, но только внутри блока кода. В обычном абзаце Markdown схлопывает подряд идущие пробелы и переносит строки, и баннер рассыпается. Оберните результат в тройные обратные кавычки без указания языка, чтобы подсветка синтаксиса не пыталась его раскрасить, — и GitHub покажет надпись моноширинным шрифтом ровно такой, какой вы её сделали.

Почему при вставке надпись разъезжается?

Почти всегда из-за пропорционального шрифта: в нём «и» уже, чем «ш», и колонки перестают совпадать. ASCII-арт держит форму только в моноширинном шрифте. В Discord и Slack оборачивайте его в тройные кавычки, в Word или Google Docs выделите текст и поставьте Courier New либо Consolas, в письме отправляйте простым текстом, а не HTML.

Какой максимальный размер текста?

200 символов. Ограничение не случайное: одна буква шрифта Block при стандартном интервале занимает около двенадцати колонок, поэтому даже слово из двадцати букв растянется на 240 колонок — втрое шире привычного терминала на 80 знаков. Длинную фразу лучше разбить полем «перенос» на несколько строк баннера.

Как добавить баннер в свою консольную программу?

Сгенерируйте надпись, скачайте .txt и печатайте её при запуске. В Python удобна «сырая» строка в тройных кавычках — тогда обратные слэши не нужно экранировать. В Node ту же роль играет шаблонный литерал. Держите ширину до 80 колонок, чтобы баннер не переносился, и не печатайте его, когда вывод идёт не в терминал, — иначе он осядет в логах CI.

Отправляется ли текст на сервер?

Нет. Таблицы букв и сам отрисовщик — это обычный JavaScript, который загружается вместе со страницей, поэтому введённый текст не покидает вкладку. После загрузки страница работает и без интернета.

Генератор ASCII-арта: большие буквы из символов

Ваш текст

Шрифт

Интервал

Перенос

Выравнивание

Рамка

Результат

  ____   _____  _      _   _  _   _
 | __ ) | ____|| |    | | | || \ | |
 |  _ \ |  _|  | |    | | | ||  \| |
 | |_) || |___ | |___ | |_| || |\  |
 |____/ |_____||_____| \___/ |_| \_|

Шрифт

Standard

Колонок

Строк

Символов

Шрифты — нажмите, чтобы переключить

Напишите слово — и получите баннер, собранный из обычных символов. Такие надписи ставят в шапку README, в заставку консольной программы и в приветствие сервера. Встроено семь шрифтов: от классических косых чёрточек FIGlet до сплошных блочных букв с тенью. Шесть шрифтов знают кириллицу. Всё считается прямо в браузере, текст никуда не отправляется.

Семь шрифтов рядом

Все примеры ниже нарисованы тем же кодом, который отрисовывает ваш текст, — что видите, то и получите. Высота указана в строках, а поддержка кириллицы помечена отдельно: это главное, чем шрифты отличаются на практике.