Фото в ASCII-арт: советы для более чёткого результата

Конвертер изображений в ASCII делит фото на маленькие ячейки и заполняет каждую символом, подходящим по яркости. Светлые ячейки получают плотные символы вроде @ и #, тёмные — . или пробел. Поэтому один и тот же конвертер может давать очень разные результаты в зависимости от выбранного фото и настроек.

1. Выберите фото, которое хорошо преобразуется

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

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

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

2. Подберите ширину под место вставки

Ширина — это число столбцов. Больше столбцов сохраняют больше деталей, но строки становятся длиннее. Если строка длиннее пузыря чата или страницы GitHub, она переносится и картинка разваливается, поэтому сначала решите, куда её вставите.

Куда	Рекомендуемая ширина
Мессенджеры и Discord	40–60 столбцов
README на GitHub или комментарии в коде	Около 80 столбцов
Терминал	80–120 столбцов
Изображение PNG	90 и больше. Чем шире, тем ближе к фото

Вот пример — картина Вермеера «Девушка с жемчужной серёжкой» — при 40 столбцах и настройках по умолчанию. Даже при 40 столбцах видны тюрбан, лицо и плечо, а стандартная очистка теней оставляет тёмный фон пустым. (Открыть с этими настройками)

  ...
 .. ...                 -
 .........          -*##%@@%*-
 .....-......   +*##%####%###*=.  ..
 ....---.-..  *%@@%%#####*****+:  .
 .....-..... *%%%########++=+##*.
  .-....-.. .%@@@%#**+*::====**++
    ......-.=%%%##%%*=::::=+=:#=*.
 .........- *%%##@****++=::=: %+*:.
 ....... .. *@%*#%%%#*++===:: #**=-
     ...    :@#**%%#*+**++: . ###*+
     ....  . ##**##******:    #%*#+=
... ..........%%###***+=*****+*%*@=*.
........ ..... -=: ##%@@@%**+=*%#%**= .
      ... .   ..  =@@%#*+::=::-%%##**.
           .     .@####*+:::==.%%##*@*
      .          *######+==:=: #%##*@#.
                *#######*+*++: ##%= :
                #####*###*++++==::    .
               #####******==+=++:   .
              *##**#****#*==++*=+:
             *###**#****#*+===+==:
            *####*+*******=::=::==.

3. Выберите набор символов

Набор символов — это список символов для каждого уровня яркости.

Набор	Символы	Для чего лучше
Стандарт	. : - = + * # % @	Работает почти везде
Блоки	░ ▒ ▓ █	Плавные тени и плотный вид. Отлично для PNG
Детальный	70 символов	Тонкие градации, окупаются на большой ширине
Бинарный	# и пробел	Только силуэт. Подходит для логотипов и простых форм

Та же картина с набором «Блоки» выглядит так. Ячейки кажутся залитыми, и формы остаются плотными даже на малой ширине. (Открыть с этими настройками)

                        ░
                    ░▒▓▓▓███▒░
                ▒▒▓▓▓▓▓▓▓▓▓▓▓▒░
      ░       ▒▓███▓▓▓▓▓▓▒▒▒▒▒░░
             ▒▓▓▓▓▓▓▓▓▓▓▓▒░░░▓▓▒
   ░         ████▓▓▒▒░▒░░░░░░▒▒▒░
          ░ ░▓██▓▓▓▓▒░░░░░░░░░▓░▒
          ░ ▒▓▓▓▓█▒▒▒▒░░░░░░░ ▓▒▒░
            ▒█▓▒▓█▓▓▓▒▒▒░░░░░ ▓▒▒░
            ░█▓▒▒█▓▓▒▒▒▒▒░░   ▓▓▓▒▒
             ▓▓▒▒▓▓▒▒▒▒▒▒░    ▓▓▒▓▒░
              ██▓▓▓▒▒▒▒░▒▒▒▒▒░▒▓▒█░▒
               ░░░ ▓▓████▓▒▒▒░▒▓▓▓▒▒░
                  ░███▓▒░░░░░░░▓▓▓▓▒▒
                  █▓▓▓▓▒░░░░░░ ▓▓▓▓▒█▒
                 ▒▓▓▓▓▓▓░░░░░░ ▓▓▓▓▒█▓
                ▒▓▓▓▓▓▓▓▒▒▒▒░░ ▓▓▓░ ░
                ▓▓▓▓▓▒▓▓▓▒░░░▒░░░░
               ▓▓▓▓▓▒▒▒▒▒▒░░░░▒░░
              ▒▓▓▒▒▓▒▒▒▒▓▒░░░░▒░▒░
             ▒▓▓▓▒▒▓▒▒▒▒▓▒▒░░░▒░░░
            ▒▓▓▓▓▒▒▒▒▒▒▒▒▒░░░░░░░░

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

4. Оставьте автотон включённым

Автотон анализирует распределение яркости фото и растягивает контраст, чтобы конвертер использовал больше ступеней набора символов. Что будет, если его выключить и ещё снизить контраст?

::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::+***###+:::::::::::
::::::::::::::::=************+=:::::::::
::::::::::::::+####******+**+*==::::::::
:::::::::::::************+===**+::::::::
:::::::::::::#####**+=+======+*+=:::::::
::::::::::::=*##**#**=========*=+:::::::
::::::::::::+****#++*+=======:*+*=::::::
::::::::::::*#***##**+++=====:***=::::::
::::::::::::=#*+*#***=+++==:::***+=:::::
:::::::::::::*******+*+++=::::*#**+=::::
::::::::::::::##******+=*++**=***#=*::::
::::::::::::::::==:**####**+==+#**++=:::
::::::::::::::::::=###*+======:#***+*:::
::::::::::::::::::#****+======:*#**+#+::
:::::::::::::::::*******======:*#***#*::
::::::::::::::::********++++==:***=:=:::
::::::::::::::::*********+======::::::::
:::::::::::::::***********=======:::::::
::::::::::::::****+*******====+=+=::::::
:::::::::::::*****+**++***====+===::::::
::::::::::::******+**++**+========::::::

Тёмный фон теперь сплошь из :, а фигура почти целиком из * и #, поэтому детали вроде светотени на лице размываются. Разница в яркости сжата в несколько ступеней. (Открыть с этими настройками)

Оставьте автотон включённым и трогайте Яркость и Контраст, только если результат слишком тёмный или светлый. Если форма всё ещё расплывчата, увеличьте Усиление контуров. Оно доступно с наборами «Стандарт» и «Детальный».

5. Инвертируйте для белого фона

Окно результата в конвертере имеет тёмный фон. Светлые области получают плотные символы, поэтому картинка выглядит правильно на тёмном экране.

Вставьте её на белый фон, например в Блокнот или в светлую тему GitHub, — и светлое с тёмным поменяются местами, как на негативе. Если арт пойдёт на белый фон, перед копированием включите «Инвертировать».

6. Выберите способ сохранения

Что нужно	Кнопка
Вставить символы	Копировать
Хранить в файле или вставить в код	TXT
Отправить с точной формой	PNG
Сохранить исходные цвета	Выберите «Оригинал» в разделе «Цвет», затем «Сохранить PNG»

При копировании текстом сохраняются только символы, цвета пропадают. Чтобы сохранить цвета, выберите режим цвета «Оригинал» (или градиент) и нажмите «Сохранить PNG». Свечение и прозрачный фон тоже сохраняются в PNG.

7. Преобразование анимированного GIF

Для движущихся картинок загрузите файл в конвертер GIF в ASCII. Те же советы относятся к каждому кадру. Выберите GIF на 2–3 секунды с простым фоном и чётким контрастом и ширину чуть меньше, чтобы преобразование и сохранение шли быстро. Результат можно сохранить как анимированный GIF.

Фото преобразуются в вашем браузере и не отправляются на сервер для конвертации.