Toolyard

Как сделать ASCII-арт из фото

Преобразуйте фото

  1. Откройте Изображение в ASCII-арт и перетащите фото.
  2. Задайте ширину в символах. 60–80 помещается в сообщение чата или комментарий в коде; от 150 и выше сохраняются лица и мелкие детали.
  3. Двигайте контраст и гамму, пока объект не выделится на фоне.
  4. Скопируйте текст или скачайте его файлом TXT, изображением PNG или страницей HTML.

Преобразование выполняется в браузере, поэтому фото никуда не загружается.

Как фото превращается в символы

Картинка разрезается на сетку, по ячейке на символ. Каждой ячейке достаётся символ, количество «чернил» в котором лучше всего соответствует её яркости: @, # и % закрывают большую часть ячейки и обозначают тёмные места, : и . закрывают мало и обозначают светлые, а пробел — самый светлый из всех. Издали глаз снова смешивает символы в оттенки серого.

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

Выберите подходящее фото

  • Чёткий объект на однородном фоне. Пёстрый фон в разрешении ASCII превращается в шум. Если фон загромождён, сначала удалите фон.
  • Сильные свет и тень. Лицо, освещённое сбоку, получается гораздо лучше, чем в плоском ровном свете.
  • Обрезайте плотно. Каждый столбец на счету, так что обрежьте всё, что не относится к объекту.
  • Логотипы и штриховые рисунки получаются очень хорошо, особенно с включёнными контурами.

Важные настройки

НастройкаЧто делаетКогда использовать
ШиринаЧисло символов в строкеУзкая для чатов и комментариев, широкая для печати или PNG
Контраст и гаммаРаспределяют тона по большему числу символовПочти всегда; плоское фото использует лишь несколько символов
КонтурыРисуют очертания символами | - / \Лица, здания, логотипы — всё с чёткими формами
ДизерингСмешивает символы, имитируя промежуточные тонаКороткие наборы символов и плавные градиенты, например небо
ФонТёмный текст на светлом или светлый на тёмномПод место показа, например тёмную тему чата

Настройка фона важнее, чем кажется. Рисунок для белой страницы в приложении с тёмной темой выглядит как негатив, потому что плотные символы, означавшие «тёмное», теперь светятся.

Вставьте, не сломав

ASCII-арт выравнивается только моноширинным шрифтом, где все символы одной ширины. В обычном шрифте столбцы съезжают, и картинка разваливается.

  • Discord, Slack, GitHub, Reddit и Markdown: поместите рисунок между двумя строками из трёх обратных апострофов (```), чтобы получился блок кода.
  • Комментарии в коде: держитесь в пределах примерно 80 столбцов, чтобы рисунок помещался в редактор, и проверьте, что в нём нет символов, закрывающих комментарий, например */ в C, Java или JavaScript.
  • Текстовые редакторы и почта: задайте шрифт Courier New, Consolas или Menlo и одинарный интервал. Если приложение всё равно может перестроить текст, отправьте PNG.
  • Соцсети и всё остальное, что меняет шрифт: делитесь PNG.

Чаты ещё и ограничивают длину сообщения (2000 символов в Discord без Nitro), так что рисунок в 100 столбцов и 40 строк туда не поместится. Сужайте, пока не поместится.

Инструменты из этого руководства

Другие руководства