Изображение в ASCII-арт

10960
10960

Загрузите изображение для автоматической генерации ASCII-арта

Бесплатный онлайн-конвертер изображений в ASCII-арт. Использует попиксельное сэмплирование Canvas в браузере и взвешенное преобразование в оттенки серого BT.709 (Y = 0,2126R + 0,7152G + 0,0722B), чтобы отобразить каждый блок пикселей в символ. Выберите один из 3 встроенных наборов (простой, подробный, блоки) или задайте свой, включите цветной режим и фиксацию пропорций, затем скопируйте результат в буфер обмена или сохраните как .txt / .png. Идеально подходит для комментариев в коде, баннеров терминала, ретро-аватаров и других креативных сценариев.

Похожие

Фильтры Изображений

Обрезка изображений

Сжатие изображений

Конвертация изображений

Закруглить углы фото

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

ASCII-арт - это форма искусства, в которой изображение воспроизводится с помощью символов ASCII через разницу плотности. Он зародился в 1970-80-х годах, когда построчные принтеры могли печатать только текст, и люди рисовали картинки из символов вроде @, # и $.

**Как работает преобразование?** Инструмент считывает данные пикселей через Canvas, применяет веса BT.709 (Y = 0,2126R + 0,7152G + 0,0722B), вычисляет среднюю яркость каждой ячейки символа и ставит ей в соответствие символ нужной плотности в выбранной шкале. Плотные символы обозначают тёмные участки, разреженные - светлые. Инструмент предлагает 3 встроенные шкалы и пользовательский вариант с градиентами от 8 до 70.

**Как цветная версия сохраняет исходные цвета?** В цветном режиме используются блок-символы (▏▎▍▌▋▊▉█), и каждый символ несёт RGB-цвет представляемой им ячейки пикселей. Цветной результат можно выгрузить как .png, чтобы сохранить всю цветовую информацию.

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

Варианты использования

  • Преобразуйте фото, логотипы и персонажей мультфильмов в ASCII-арт для комментариев в коде, README и подписей на форумах
  • Создавайте текстовые баннеры для терминалов, приветствий SSH, баннеров bashrc и как альтернативу figlet
  • Выражайте свою гик-идентичность через аватары в соцсетях и оформительское искусство
  • Вставляйте сгенерированный ASCII в задачи GitHub, подписи в письмах и блог-посты как обычный текст
  • Превращайте фото в цветной блок-арт и выгружайте .png для ретро-дизайнерских материалов
  • Преобразуйте мемы и эмодзи в ASCII с простым набором для реакций в чатах
  • Массово генерируйте художественные комментарии в коде или украшения для README

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

  1. Загрузите нужное изображение (поддерживаются JPG / PNG / WEBP / GIF)
  2. Выберите набор символов: простой (быстрый предпросмотр), подробный (максимально плавный), блоки (для цвета) или свой
  3. Настройте ширину вывода (по умолчанию 120 символов), высота пересчитывается по пропорциям
  4. Выберите цветной режим (цветной или чёрно-белый), цветную версию можно дополнительно сохранить как .png
  5. Скопируйте результат в буфер обмена или скачайте .txt / .png

Функции

  • 3 встроенных набора символов: простой (10 символов, самый быстрый), подробный (70 символов, максимально плавные градиенты) и блоки (для терминалов и цвета)
  • Свой набор символов: введите не менее 2 символов (типично 2-30) от плотных (тёмных) к разреженным (светлым), и инструмент автоматически распределит их
  • Цветной режим: цветная версия сохраняет блоки исходного RGB блок-символами, чёрно-белая фокусируется на контрасте
  • Фиксация пропорций: исходное соотношение сторон сохраняется, высота пересчитывается автоматически при изменении ширины
  • Копирование / скачивание в один клик: текстовый арт копируется в буфер обмена или сохраняется как .txt, цветная версия дополнительно выгружается как .png
  • Локальная обработка: всё преобразование пиксель-в-символ выполняется в Canvas браузера, файлы не покидают устройство

Best Practices

Перед конвертацией поднимите контраст

ASCII-арт очень чувствителен к контрасту исходника: малоконтрастные картинки выглядят плоско и однообразно. Сначала пропустите изображение через инструмент фильтров и поднимите контраст до 110-130%, тогда тёмные участки превратятся в более плотные символы, а светлые останутся разреженными, и итог получится намного выразительнее.

70 символов для деталей, 10 - для логотипов

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

Ширина 100 - золотая середина

Стандартная ширина 120 символов (диапазон 10-960) хорошо читается на большинстве экранов. Для портретов лучше 150-300, для логотипов - 60-100; свыше 400 появляется много скролла, ниже 50 теряются детали. Подстраивайте ширину под место показа: пост в соцсети, терминал или блог.

Оставляйте фиксацию пропорций по умолчанию

Фиксация пропорций включена по умолчанию, чтобы символы никогда не растягивались. Её можно отключить, чтобы задать число строк вручную, например для баннера в 30 строк, но тогда изображение будет искажено. Новичкам стоит оставлять её включённой и экспериментировать с собственными пропорциями только набравшись опыта.

Цветной режим сочетайте с набором блоков

В цветном режиме блок-символы (▏▎▍▌▋▊▉█) сохраняют исходные цветовые блоки, потому что каждый символ несёт средний RGB своей пиксельной ячейки. Подробный 70-символьный набор заточен под чёрно-белый вывод и в цветном режиме выглядит блёкло, поэтому всегда сочетайте цветной режим с набором блоков.

Свои символы упорядочивайте от плотных к разреженным

Когда вводите собственный набор, перечисляйте символы от самого плотного (тёмные участки) к самому разреженному (светлые), например @#*+=:. Инструмент напрямую накладывает этот порядок на градиент яркости. Обратный порядок выдаст негатив изображения вместо корректного рендера.

.txt для текста, .png для цвета

Чёрно-белый результат скачивайте как .txt и вставляйте в любой текстовый редактор, терминал, комментарий в коде, блог или подпись на форуме. Цветной результат скачивайте как .png, чтобы сохранить все цвета RGB для дизайнерских материалов, картинок в соцсетях и веб-иллюстраций.

Огромные фото сначала сжимайте

Сверхвысокое разрешение (например, 4000x3000) замедляет конвертацию и делает итоговый ASCII неоправданно широким. Пропустите их через инструмент сжатия, уменьшив длинную сторону до 1000 пикселей, - это ускорит работу и даст более тонкий контроль над результатом.

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

Как преобразовать изображение в ASCII-арт?

Загрузите картинку, и инструмент считает пиксели через Canvas в браузере, рассчитает взвешенное среднее BT.709 (Y = 0,2126R + 0,7152G + 0,0722B) для каждой ячейки символа и поставит ей в соответствие символ из выбранной шкалы. Результат готов за несколько секунд, его можно скопировать в буфер обмена или скачать как .txt.

Что такое дизеринг Floyd-Steinberg и зачем он нужен?

Floyd-Steinberg — классический алгоритм дизеринга с диффузией ошибки, предложенный в 1976 году: ошибка квантования каждого пикселя распределяется на правого, нижнего, нижне-левого и нижне-правого соседей в пропорциях 7/16, 3/16, 5/16, 1/16. В ASCII-конверсии он предотвращает появление полос и зубчатых контуров в шкалах низкой плотности (например, в простом наборе из 10 символов), обеспечивая плавный переход от тёмного к светлому и сохранение деталей. Конкуренты вроде toolshu предлагают его как переключатель; мы оставляем его включённым по умолчанию для лучшего результата.

Почему используется BT.709, а не простое среднее RGB?

Глаз человека наиболее чувствителен к зелёному и наименее - к синему. Формула BT.709 Y = 0,2126R + 0,7152G + 0,0722B отражает именно это и уже более 40 лет является индустриальным стандартом для ТВ, видео и обработки изображений. Применение её к плотности символов даёт результат, гораздо ближе к реальному зрительному восприятию, чем простое среднее RGB, что особенно заметно на портретах и градиентных сценах.

Какие наборы символов встроены? Можно ли задать свой?

По умолчанию доступны 3 набора: простой (10 символов @%#*+=-:. для быстрых предпросмотров), подробный (70 символов для самых плавных градиентов и портретов) и блоки (▏▎▍▌▋▊▉█ для цветных терминалов). Также поддерживается ввод своих символов (не менее 2, типично 2-30) - инструмент отсортирует их от плотных к разреженным и использует ту же логику отображения.

Может ли ASCII-арт сохранить исходные цвета?

Да. Включите цветной режим, и инструмент использует блок-символы, где каждый символ представляет блок исходных пикселей с его реальным RGB. Цветной результат также можно выгрузить как .png, чтобы сохранить полную цветовую информацию.

Как сохранить и переиспользовать ASCII-арт?

Чёрно-белую версию можно скопировать в буфер обмена или скачать .txt-файл и вставлять в комментарии к коду, README, блог-посты, подписи на форумах или вывод терминала. Цветная версия дополнительно поддерживает экспорт в .png для дизайнерских материалов, слайдов и постов в соцсетях.

Какие изображения лучше всего подходят для ASCII-арта?

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

Как настроить ширину и высоту вывода?

Ширина задаёт количество столбцов символов (по умолчанию 100), высота рассчитывается по исходным пропорциям. Фиксация пропорций включена по умолчанию, но её можно отключить и задать число строк независимо. 60-150 столбцов подходят для большинства экранов, 100-200 - для портретов, а свыше 250 читаемость падает.

Чем ASCII-арт отличается от растрового изображения?

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

Чем этот инструмент отличается от figlet, jp2a и других консольных утилит?

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

Изображение загружается на сервер? Это безопасно?

Нет. Каждое преобразование пиксель-в-символ выполняется локально в браузере через Canvas getImageData и JavaScript-маппинг, изображение не отправляется никуда, а при закрытии вкладки память освобождается. Личные фото, сканы и конфиденциальные документы можно обрабатывать без опасений.

Глоссарий

ASCII / Unicode
ASCII - это 7-битный набор символов из 128 базовых знаков. Unicode охватывает системы письма и символы всего мира, а блок-символы (▏ ▎ ▍ ▌ ▋ ▊ ▉ █), которые использует этот инструмент, относятся к Unicode и отображаются цветными блоками в совместимых терминалах.MDN - Unicode
Взвешивание оттенков серого BT.709
Формула перевода RGB в оттенки серого: Y = 0,2126R + 0,7152G + 0,0722B. Этот инструмент использует её при расчёте средней яркости каждой ячейки символа, что учитывает более высокую чувствительность глаза к зелёному и даёт результат, более близкий к реальному восприятию, чем простое среднее RGB.
Попиксельное сэмплирование Canvas
Чтение значения RGBA каждого пикселя через API HTML5 Canvas getImageData(). Инструмент усредняет пиксели в каждой ячейке символа, применяет веса BT.709 и ставит результат в соответствие позиции в выбранной шкале.
Градиент плотности символов
Число шагов от самого плотного до самого разреженного символа в шкале. Простой набор - 10 уровней, подробный - 70, набор блоков - 8. Больше шагов - плавнее тональные переходы, меньше - быстрее и абстрактнее результат. Три шкалы покрывают диапазон от быстрого предпросмотра до детали портрета.
Сохранять пропорции
Фиксировать исходное соотношение ширины и высоты, чтобы ASCII-арт не растягивался. По умолчанию фиксация включена и высота автоматически пересчитывается при смене ширины. Если выключить её, можно задать число строк вручную, например для широкого баннера, но изображение будет растянуто или сжато.
Баннер терминала
Текстовый арт, который отображается при запуске оболочки, SSH-сессии или программы: приветствие SSH, заставка, заголовки логов CI/CD. ASCII-арт - классическая форма баннера терминала, обычно его генерируют утилиты вроде figlet или toilet. Этот инструмент - лёгкая браузерная альтернатива.

Сводка по 3 встроенным и пользовательскому набору

Набор символовПоследовательность (тёмный→светлый)Уровни плотностиТипичное применение
Простой 10 символов@%#*+=-:. 10 уровнейБыстрые предпросмотры, логотипы, эмодзи
Подробный 70 символов$@B%8&WM#*oahkbdpqwmZO0QLCJUYXzcvunxrjft/\|()1{}[]?-_+~<>i!lI;:,"^`'. 70 уровнейПортреты, арт, тонкие детали
Блок-символы▏▎▍▌▋▊▉█ 8 уровнейЦветные терминалы, цветной экспорт
Свой (2-30 символов)Ввод пользователя, 2-30 символовЗадаёт пользовательЛичный стиль, тематический арт

Сравнение свойств ASCII-арт и растра

ПараметрASCII-артРастр (PNG/JPG)
Базовые элементыСимволы UnicodeПиксели
МасштабированиеПод шрифт терминалаРазмытие или зазубрины
Поддержка цветаЦветная версия - блок-символыПолный RGB
Размер файлаОбычно 1-10 КБ текстаОт нескольких КБ до десятков МБ
РедактированиеБлокнот или VimНужен графический редактор
Подходит дляКомментарии в коде, баннеры терминала, аватарыФото, веб-иллюстрации

Authoritative References