Генератор ASCII-арта — FIGlet-баннеры для кода и README

Введите слово и сразу увидите его в 20 шрифтах ASCII-арта — Standard, Slant, ANSI Shadow, Doom и других. Скопируйте как обычный текст, оформленный как комментарий к коду, как блок Markdown или как пасхалку с console.log.

Обновлено

Загрузка шрифтов…

Ваши данные никогда не покидают ваш компьютер. Вся обработка выполняется на 100% локально в вашем браузере.

Был ли этот инструмент полезен?0.0 Оценок: 0
Превратите фото или логотип в ASCII-артЗадайте ширину, символы, контраст и инверсию или сохраните цвета в HTML.Изображение в ASCII-арт →

Как пользоваться: Генератор ASCII-арта

  1. Введите короткое слово или имя — ASCII-арт лучше всего выглядит при 1–12 символах.
  2. Прокрутите 20 шрифтов или выберите один в поле Показать.
  3. Выберите Копировать как: обычный текст, комментарий для JS/CSS, Shell/Python, HTML, блок кода Markdown или готовый console.log().
  4. Нажмите Копировать под понравившимся шрифтом или скачайте его в виде файла .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-код каждого символа.

Часто задаваемые вопросы

Как добавить ASCII-арт в README на GitHub?
В разделе «Копировать как» выберите «Блок кода Markdown», скопируйте результат и вставьте его в README.md. Тройные обратные кавычки сохраняют пробелы и моноширинный шрифт.
Как показать ASCII-арт в консоли браузера?
Выберите «console.log()», скопируйте код и добавьте его в JavaScript вашего сайта. Посетители, которые откроют инструменты разработчика, увидят баннер.
Почему мой ASCII-арт выглядит сломанным?
Скорее всего, он отображается пропорциональным шрифтом, приложение убрало пробелы в начале строк или строки перенеслись. Оберните арт в блок кода (три обратные кавычки), сделайте его уже и выберите компактный шрифт.
Как отправить ASCII-арт в WhatsApp, Slack или Discord?
В разделе «Копировать как» выберите «WhatsApp / Slack / Discord / Teams». Арт будет обернут в три обратные кавычки, поэтому приложение покажет его моноширинным шрифтом и сохранит пробелы. На телефонах выбирайте шрифт с отметкой «помещается на телефон» (около 30 колонок или меньше), чтобы строки не переносились.
Можно ли использовать шрифты в коммерческих целях?
Шрифты FIGlet можно бесплатно использовать и распространять, а созданный текст принадлежит вам. Некоторые авторы шрифтов просят сохранять упоминание об авторстве в самом файле шрифта, это не влияет на ваш результат.
Можно ли установить Генератор ASCII-арта как веб-приложение и пользоваться им офлайн?
Да. Генератор ASCII-арта — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.

Похожие инструменты

localИзображение в ASCII-артПреобразуйте фото, логотип или скриншот в ASCII-арт из символов. Задайте ширину в знаках, выберите набор…localГенератор READMEЗаполните несколько полей и получите аккуратный README.md, готовый для GitHub: бейджи, установка, пример…localТекстовые символыГалочки, стрелки, звёздочки, маркеры, математические и валютные знаки, надстрочные знаки, псевдографика,…localКопировать эмодзиНайдите любой эмодзи по его значению — «ракета», «вечеринка», «ок» — кликните, чтобы скопировать, соберите…localКонвертер регистраВставьте любой текст и преобразуйте его между 11 вариантами регистра: от Title Case для заголовков до…localИнспектор Unicode-символовВставьте любой текст, чтобы увидеть, из чего он состоит на самом деле: имя, кодовую точку, UTF-8 байты и…