Що це за інструмент?
Цей інструмент вибирає ваше зображення за сіткою, вимірює яскравість кожної клітинки й замінює її символом зі шкали, що йде від "порожнього на вигляд" (пробіл, крапка) до "щільного на вигляд" (@, #, суцільний блок). За замовчуванням яскравіші області відображаються щільнішими символами, а темніші — рідшими, оскільки результат — це світлий текст на темному фоні, тож саме так яскраві частини вашого фото справді виглядають яскравими, а темні зливаються з фоном.
Це відрізняється від текстового генератора ASCII-арту на цьому сайті, який перетворює набраний текст на великі блокові літери (банер у стилі FIGlet). Цей інструмент працює в протилежному напрямку — він приймає на вхід реальне фото чи файл зображення, а не набраний текст.
Навіщо його використовувати?
- Перетворює будь-яке фото на текстове ASCII-мистецтво, яким можна ділитися, в один клік.
- Регульована ширина виводу та три набори символів (детальна шкала відтінків сірого, простий набір із 7 символів або затінення блоками Unicode) для різних стилів.
- Опція інверсії для вставки в контексти зі світлим фоном.
- 100% приватно — обробка на canvas відбувається локально, ваше фото ніколи не завантажується.
- Безкоштовно, без реєстрації, без водяних знаків.
Як користуватися
- Натисніть область завантаження або перетягніть туди зображення JPG, PNG чи WebP.
- Задайте ширину виводу (у символах) — більші числа дають більше деталей, але ширший результат.
- Оберіть набір символів: детальний для плавних градієнтів, простий або блоки для сміливішого вигляду.
- Увімкніть інверсію, якщо плануєте вставляти результат туди, де фон світлий.
- Натисніть "Копіювати", щоб отримати результат у вигляді простого тексту.
Приклад
Введення
Фото яскравого білого кола на чорному фоні, ширина 100 символівРезультат
Переважно порожні символи/пробіли по краях, зі щільним скупченням символів @ і # у формі силуету кола посерединіТочні символи залежать від реальних значень яскравості зображення — це опис закономірності, а не буквальний результат, оскільки кожне вихідне фото дає інший результат.
Практичні поради
- Контрастні фото (чіткий об'єкт на простому фоні) конвертуються значно розпізнаваніше, ніж перевантажені сцени з низьким контрастом.
- Ширина 100–150 символів — оптимальний варіант для більшості завдань: достатньо широко для реальних деталей, достатньо вузько, щоб уміститися на звичайному екрані.
- Якщо результат виглядає перевернутим порівняно з очікуваним (об'єкт виглядає як світлий силует замість темного), перемкніть прапорець інверсії замість того, щоб пробувати інше зображення.
- Набір символів "Блоки" часто читається краще за "Детальний" при дуже малій ширині виводу, оскільки кілька рівнів затінення залишаються помітнішими, ніж десятки тонких символів.
Чим це відрізняється від тексту в ASCII-арт
Якщо ви хочете зробити банер із набраного тексту (назви проєкту, слова), а не конвертувати фото, для цього на цьому сайті є генератор ASCII-арту — він використовує шрифти FIGlet, щоб намалювати блокові літери, і взагалі не обробляє зображення.
Ці два інструменти часто використовують разом: банер FIGlet як заголовок, а за ним — зображення, конвертоване цим інструментом, як візуальний елемент нижче, обидва у вигляді простого тексту, який переживе вставку в коментар до коду чи звичайний текстовий README.
Часті запитання
Чому мій ASCII-арт виглядає стиснутим або розтягнутим?
Клітинки моноширинних символів приблизно вдвічі вищі, ніж ширші, тому конвертація піксель-у-піксель стискала б зображення по вертикалі. Цей інструмент уже враховує це, вибираючи менше рядків, ніж передбачала б сітка 1:1. Якщо результат усе одно виглядає неправильно там, куди ви його вставляєте, можливо, там використовується не моноширинний шрифт.
Чи справді має значення вибір набору символів?
Так. "Детальний" використовує десятки символів для плавних градієнтів і найкраще виглядає здалеку або при збільшенні. "Простий" (7 символів) і "Блоки" (затінення блоками Unicode) дають сміливіший, графічніший вигляд із помітними переходами між рівнями яскравості — краще для стилізованого ефекту, ніж для фотореалістичного.
Коли варто використовувати інверсію?
За замовчуванням яскраві області вашого фото стають щільними символами, а темні — рідкими, що виглядає правильно в темному вікні виводу цього інструмента (світлий текст на темному фоні). Якщо ви вставляєте результат у білий документ чи застосунок зі світлою темою, увімкніть інверсію, щоб темні області зображення відображалися щільними символами (темне чорнило на світлій сторінці), зберігаючи читабельність арту.
Яка ідеальна ширина виводу?
100 символів — гарне значення за замовчуванням для перегляду в браузері чи терміналі без горизонтальної прокрутки. Значно вищі значення (200+) захоплюють більше деталей, але результат стає ширшим за більшість екранів, а дуже низька ширина (менше 40) втрачає більшість розпізнаваних деталей.
Чи завантажується моє фото кудись?
Ні. Зображення декодується й вибирається за допомогою Canvas API безпосередньо у вашому браузері. Нічого не надсилається на сервер у жодний момент.