ASCII-арт

Просматривайте коллекцию маленьких готовых ASCII-артов, нарисованных обычными текстовыми символами — животные, сердечки, цветы, еда и забавные картинки — разбитых по категориям. Коснитесь любой картинки, чтобы скопировать её, а затем вставьте в чат, описание профиля, комментарий в коде, README или пост. Это обычный текст, а не изображение, поэтому картинка сохраняет форму везде, где используется моноширинный шрифт, и ничто не покидает ваш браузер.

Категория

Животные

Коснитесь любой картинки, чтобы скопировать

Как пользоваться ASCII-арт

1
Выберите категорию
Выберите категорию — Животные, Любовь, Природа, Еда или Веселье — чтобы увидеть картинки, подходящие под нужное вам настроение.
2
Найдите картинку, которая нравится
Пролистайте галерею. Каждый арт — это обычный текст в моноширинном шрифте, поэтому вы копируете именно то, что видите.
3
Коснитесь, чтобы скопировать
Нажмите или коснитесь любой картинки — и весь многострочный рисунок сразу копируется в буфер обмена, с быстрым подтверждением.

4
Вставьте куда угодно
Вставьте арт в чат, описание профиля, комментарий в коде, README или пост. Чтобы он выровнялся, вставляйте туда, где используется моноширинный шрифт. Нажмите кнопку «Случайный», если хотите просто получить сюрприз.

Об ASCII-арте и о том, как им пользоваться

Почему ASCII-арт вообще работает

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

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

Краткая история — от телетайпов до FIGlet

Сама идея старше компьютеров: машинистки рисовали картинки на печатных машинках задолго до появления терминалов — это ремесло иногда называют искусством печатной машинки. Когда появились ранние телетайпы и строчные принтеры, тот же инстинкт породил баннеры, календари и постеры, собранные из букв и знаков препинания, а электронные доски объявлений в 1980-х и 1990-х превратили ASCII-арт в целую субкультуру логотипов и подписей.

Одной из вех стал FIGlet — программа 1991 года, которая превращает набранные слова в крупные блочные буквы с помощью сменных файлов «шрифтов». Именно из неё растут те большие терминальные баннеры, которые вы до сих пор встречаете в файлах README и инструментах командной строки. Эта галерея — несколько иного склада: вместо того чтобы превращать ваши слова в гигантские буквы, она предлагает маленькие готовые картинки, которые можно листать и копировать одним касанием.

Почему нужен именно моноширинный шрифт

ASCII-арт строится на одном допущении: каждый символ занимает ровно одинаковую ширину. В моноширинном шрифте — таком как Courier, Consolas или Menlo — «i» занимает столько же места, сколько «m», поэтому символы каждого ряда оказываются точно над символами предыдущего, и столбцы картинки держат строй.

Пропорциональные шрифты ломают это допущение — они делают «i» узкой, а «m» широкой, чтобы текст приятно читался в прозе, — и из-за этого каждый ряд сдвигается на свою величину, а картинку сминает в бессмыслицу. Это не изъян самого арта, а просто неподходящий контекст отображения. Тот же рисунок мгновенно встаёт на место, едва попадает туда, где шрифт моноширинный.

Как добиться правильного выравнивания

Самый частый сюрприз — арт, который здесь выглядит идеально, а после вставки оказывается кривым. Причина почти всегда в шрифте на стороне назначения. Моноширинные шрифты дают каждому символу одинаковую ширину, поэтому столбцы выстраиваются ровно; пропорциональные шрифты меняют ширину от буквы к букве, поэтому картинку перекашивает. Если что-то выглядит не так, решение обычно в том, чтобы вставить арт в моноширинный контекст, а не править сам рисунок.

В Discord и многих чат-приложениях арт можно обернуть в блок кода — три обратных апострофа до и после, — чтобы принудительно включить моноширинный шрифт и зафиксировать интервалы. Терминалы, редакторы кода, файлы README и большинство инструментов разработчика моноширинные по умолчанию. В текстовых редакторах и многих веб-формах переключение текста на шрифт вроде Courier или Consolas восстанавливает выравнивание.

Где ASCII-арт чувствует себя дома

Лучше всего текстовый арт приживается там, где моноширинный шрифт используется и так. Терминалы и командные строки, комментарии в коде, файлы README и документации, сообщения коммитов, а также блоки кода в Discord или Slack — все они сохраняют интервалы автоматически, поэтому картинка приходит в целости. Посты на форумах и в Reddit, поддерживающие режим кода или моноширинный режим, тоже отлично подходят.

Подписи в письмах и текстовые прощальные строки — классический пример, но только если почтовый клиент получателя показывает их моноширинным шрифтом. Не вставляйте арт «как есть» в красочные поля чатов, подписи к публикациям в соцсетях или основной текст текстового редактора, набранный пропорциональным шрифтом, — там столбцы поплывут. Сначала возьмитесь за блок кода или смену шрифта.

Советы для аккуратного результата

Копируйте весь фрагмент целиком — эти рисунки держатся на том, что присутствует каждая строка, и пропущенный ряд или случайный пробел в конце способны сбить форму. Если сомневаетесь, сначала вставьте арт в моноширинное место, чтобы убедиться, что он выглядит правильно, а затем переносите туда, куда нужно.

Арт поменьше путешествует лучше: компактная картинка куда изящнее переживает узкие поля сообщений, перенос строк и ограничения по длине, чем размашистая сцена, которая ломается посреди ряда. Если фрагмент упорно рассыпается в каком-то конкретном приложении, значит, место назначения попросту не уважает моноширинность — и блок кода почти всегда решает проблему.

Как использовать со вкусом

Небольшой ASCII-арт добавляет индивидуальности там, где изображение — это перебор или его попросту нельзя вставить: котик в конце комментария, сердечко в сообщении, маленькая подпись в письме. Один раз — это очаровательно; вставленный в каждую строку, он превращается в шум, поэтому беритесь за него тогда, когда он действительно добавляет нотку характера, а не как постоянное украшение.

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

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

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

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

Как скопировать арт?

Коснитесь или нажмите любую картинку в галерее — и весь многострочный рисунок копируется в буфер обмена, вместе с переносами строк. После этого вы можете вставить его куда угодно. Кнопка «Случайный» копирует случайный арт из всей коллекции.

Почему после вставки арт выглядит кривым?

ASCII-арт выравнивается только в моноширинном шрифте, где каждый символ занимает одинаковую ширину. Если вставить его туда, где используется пропорциональный шрифт — где «i» уже, чем «m», — выравнивание сбивается и картинка выглядит перекошенной. Блоки кода в Discord, терминалы и большинство редакторов кода моноширинные; многие поля чатов и текстовые приложения — нет.

Где можно использовать ASCII-арт?

Везде, где принимается обычный текст: сообщения в Discord и Slack (блок кода сохраняет интервалы), терминалы, комментарии в коде, файлы README, сообщения коммитов, посты на форумах и в Reddit, подписи в письмах. Для лучшего результата выбирайте место, где текст отображается моноширинным шрифтом, чтобы столбцы оставались выровненными.

Чем это отличается от инструмента для ASCII-баннеров из текста?

Этим. Инструмент для баннеров превращает набранные вами слова в крупные блочные буквы. А это галерея готовых картинок — животных, сердечек, цветов и другого, — которые вы просматриваете и копируете. Если нужен крупный текст из ваших собственных слов, воспользуйтесь генератором ASCII-баннеров или текста в ASCII; а если нужна быстрая картинка, чтобы вставить в сообщение, скопируйте её здесь.

Отправляется ли что-нибудь на сервер?

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