ClockTools Инструменты для текста и изображений

Генератор ASCII-арта

Используйте ClockTools ASCII Art Generator, чтобы создавать текстовые баннеры Figlet или преобразовывать локальные изображения в затененные, краевые, гибридные, монохромные или полноцветные изображения персонажей с практичными форматами экспорта.

Что такое художественный генератор ASCII?

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

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

Как создавать ASCII произведения искусства с помощью ClockTools?

  1. Выберите режим «Текст на ASCII» или «Изображение на ASCII» в студии.
  2. Введите текст баннера или загрузите, вставьте или перетащите изображение со своего устройства.
  3. Настройте шрифт и макет текста или элементы управления наклоном, тоном, краем, аспектом и размытием изображения.
  4. Перед экспортом проверьте текущие строки, столбцы, количество символов и байтов.
  5. Скопируйте исходное изображение или загрузите выходные данные TXT, Markdown, ANSI, HTML или PNG для того места, где вы будете его использовать.

Текущая статистика сообщает о максимальном количестве столбцов, общем количестве строк, количестве видимых символов и количестве байтов UTF-8. Эти измерения помогут вам проверить ширину терминала, оценить размер сохраненного баннера и определить линию, которая будет переноситься, прежде чем вставлять выходные данные в другое приложение.

Чем отличаются текст для ASCII и изображение для ASCII?

Текстовый баннер начинается с букв и состоит из более мелких символов. Исходная фраза остается читаемой в более крупном многострочном масштабе. Выберите шрифт, например Standard, ANSI Shadow, Big, Slant, Small, Doom, Ghost, Graffiti, Banner, Digital, Script, Roman, Isometric или Electronic, а затем выберите, как шрифт должен вписываться в заданную ширину. Короткие и тяжелые шрифты делают названия проектов яркими; компактные шрифты лучше использовать, когда конечным пунктом назначения является терминал со столбцом 80.

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

Эти два выхода связаны, но не взаимозаменяемы. Баннер Figlet предназначен для точного написания фразы. Преобразование изображения пытается сохранить визуальную структуру изображения после удаления большого количества информации. ClockTools объединяет оба режима под одним заголовком, поскольку людям, ищущим художника ASCII, обычно нужен тот или иной, а иногда и оба для одного и того же README, темы терминала или творческого проекта.

Что меняют элементы управления шрифтом и макетом Figlet?

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

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

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

Обводка заливки может сохранить исходную пунктуацию шрифта или заменить каждую видимую черту сплошным блоком, решёткой, знаком «at» или звездочкой. Цвета предварительного просмотра отделены от необработанного текста. Стили «Обычный», «Акцент» и «Градиент» делают вывод PNG более выразительным без незаметной вставки управляющих последовательностей терминала в скопированный ASCII.

Как работает конвертер изображения в ASCII?

Браузер сначала декодирует выбранное изображение. ClockTools масштабирует его до запрошенной ширины символа и вычисляет высоту вывода, которая компенсирует высокие моноширинные ячейки. Он рисует эту маленькую версию на временном холсте и считывает ее значения красного, зеленого, синего и альфа-канала. API пикселей Canvas предоставляет эти значения в виде массива; тот Справочник по MDN getImageData документирует операцию браузера, использованную для этого шага локальной выборки.

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

Затененный режим напрямую отображает яркость и является обычным выбором для фотографий. Режим Edge применяет горизонтальные и вертикальные фильтры соседства, объединяет их величину и способствует сильным изменениям видимых символов. Он хорошо работает для штриховых рисунков, логотипов, диаграмм и снимков экрана с четкими границами. Гибридный режим сочетает в себе оригинальный тон с обнаруженной структурой, сохраняя лицо или объект, сохраняя при этом разборчивые контуры. Сила края контролирует, насколько агрессивно продвигаются эти границы.

Полноцветный предварительный просмотр сохраняет исходный образец цвета для каждого отображаемого символа. Этот цвет можно сохранить в выводе ANSI для совместимых терминалов, в отдельном файле HTML или в PNG. Raw TXT и Markdown остаются обычными символами, поскольку добавление невидимых цветовых кодов сделало бы их непригодными для многих редакторов, журналов и мест назначения в виде простого текста.

Какой метод изменения символов и дизеринга следует использовать?

Линейка символов упорядочена от визуально самого темного символа к самому светлому. В классической версии используются знакомые символы at, процента, решетки, звездочки, плюса, равенства, тире, двоеточия, точки и пробела. Detailed содержит множество ступеней плотности для более плавного фотографического затенения. Компактный шрифт намеренно использует меньше символов для создания четких форм. В двоичном формате используются единицы, нули и пробел для создания эффекта кода. Пишущая машинка использует печатные знаки препинания с немного другой текстурой. Блоки используют символы оттенка Юникода и, следовательно, более богаты, чем строгий ASCII, но менее подходят для очень старых систем.

Специальная рампа обеспечивает прямой контроль. Сначала введите самый темный символ, а затем самый светлый. ClockTools удаляет повторяющиеся символы и при необходимости добавляет терминальный пробел. Больше символов не означает автоматически больше деталей: если несколько символов в целевом шрифте выглядят одинаково плотными, результат может оказаться зашумленным. Проверьте окончательный результат с использованием фактического моноширинного шрифта и фона, на котором он будет отображаться.

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

Какой формат экспорта ASCII произведений искусства выбрать?

TXT является наиболее переносимым необработанным результатом. Уценка оборачивает изображение в огороженный текстовый блок, поэтому GitHub и аналогичные средства визуализации сохраняют пробелы и разрывы строк. ANSI можно добавить 24-битные цвета переднего плана для совместимого терминала. HTML создает отдельную предварительно отформатированную страницу и может сохранять цвета изображения для каждого символа. PNG надежен для презентаций, документов, социальных платформ и приложений, которые не могут сохранить моноширинную текстовую сетку.

Кнопка «Копировать» помещает необработанное изображение персонажа в буфер обмена. Копировать Markdown добавляет границу для README или чата. Копия PNG использует буфер обмена изображений браузера, если такая возможность доступна. При загрузке сохраняется выбранный формат явным, что предотвращает путаницу цветного файла терминала с обычным текстом. Масштаб предварительного просмотра меняет способ отображения в студии результата и размер рабочего символа PNG; он не добавляет пробелы в необработанный вывод TXT.

Где полезен текстовый генератор ASCII?

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

Преобразование изображений открывает новые возможности использования. Портрет может стать изображением профиля, состоящим только из текста. Игровой спрайт может стать конечной сценой. Логотип можно уменьшить до контура стартового сообщения командной строки. Учителя могут продемонстрировать выборку, яркость, квантование, обнаружение границ и распространение ошибок. Дизайнеры могут изучить, насколько сохраняется визуальная идентичность, когда цвет и разрешение ограничены. Пользователи чата могут делиться забавными рисунками внутри блока кода, если место назначения позволяет обеспечить достаточную ширину по горизонтали.

Помните о контексте. Баннер, который выглядит впечатляюще в столбцах 140, может плохо переноситься в консоль столбца 80. Детализированное фото может стать нечитаемым на узком телефоне. Изменение блока Юникода может привести к сбою в устаревшей кодировке. Цветовые коды ANSI могут выглядеть как видимый беспорядок в программном обеспечении, которое их не интерпретирует. ClockTools предоставляет столбцы, строки, байты, необработанную копию и несколько экспортированных данных, поэтому эти компромиссы остаются видимыми до публикации.

Как улучшить слабую конверсию ASCII?

Если лицо выглядит растянутым, измените формат ячейки перед изменением исходного изображения. Если весь результат выглядит бледным, уменьшите яркость или немного увеличьте контраст. Если особенности полутонов исчезают, а черно-белый цвет выглядит правильно, отрегулируйте гамму. Если логотип становится темным прямоугольником, попробуйте режим Edge или более короткий пандус. Если портрет выглядит полосатым, используйте Детализированную шкалу с дизерингом Флойда-Стейнберга. Если маленький значок выглядит шумным, отключите сглаживание, уменьшите масштаб и используйте меньше столбцов.

Источник имеет такое же значение, как и настройки. Простой объект, отделенный от фона, обычно преобразуется лучше, чем оживленная сцена. Обрезайте ненужное окружение перед загрузкой. Сильное боковое освещение поможет создать силуэт, а мягкий равномерный свет поможет создать портрет. Большая ширина вывода сохраняет больше локальных вариаций, но также требует более широкого дисплея. Сравните наборы настроек «Портрет», «Логотип», «Терминал» и «Комикс» в качестве отправных точек, а затем меняйте по одному элементу управления за раз, чтобы его эффект оставался понятным.

Что происходит с вашим текстом и изображениями?

Отрисовка текстового баннера и преобразование изображений происходят на текущей вкладке браузера. Загруженное изображение декодируется во временный объект браузера, изменяется его размер на холсте в памяти, производится выборка и преобразование без отправки в API обработки изображений. Закрытие или обновление страницы удаляет выбранное изображение. ClockTools не требует входа в систему или установки этого инструмента.

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

ASCII Часто задаваемые вопросы по арт-генератору

Что такое ASCII Art Generator?

ASCII Art Generator преобразует текст или изображение в произведение искусства, состоящее из символов. Текстовый режим использует определения шрифтов Figlet для создания больших букв баннера. Режим изображения выбирает яркость или края и сопоставляет каждую ячейку с символом с аналогичной визуальной плотностью.

Могу ли я превратить фотографию в произведение искусства ASCII?

Да. Загрузите, вставьте или перетащите PNG, JPEG, WebP, GIF или другое изображение, читаемое браузером. ClockTools локально изменяет размер и анализирует изображение, а затем позволяет настраивать ширину, коррекцию формата, яркость, контрастность, гамму, края, сглаживание, инверсию и наклон символов.

Что такое шрифт Figlet?

Шрифт Figlet описывает, как каждая буква должна быть нарисована как многострочное расположение текстовых символов. ClockTools использует реальные данные шрифта Figlet и поддерживает правила компоновки шрифтов для полной ширины, подгонки, контролируемого сглаживания и универсального сглаживания.

Почему вставленный рисунок ASCII иногда выглядит смещенным?

ASCII искусство зависит от символьных ячеек одинаковой ширины и сохраненных пробелов. Вставьте его в моноширинный шрифт. В Markdown, Discord и многих инструментах чата поместите его внутри изолированного блока кода, чтобы ведущие пробелы и разрывы строк оставались неизменными.

В чем разница между ASCII, Unicode и ANSI art?

Строгий ASCII использует исходный базовый набор символов. В графическом изображении Unicode можно использовать оттенки блоков и множество дополнительных символов. Вывод ANSI по-прежнему представляет собой текст, но включает escape-коды терминала для цвета.

Мои изображения покидают мое устройство?

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

Какие настройки изображения обычно обеспечивают наиболее четкое изображение ASCII?

Начните со столбцов от 70 до 100, шкалы «Детальный» или «Классический», умеренного контраста и предустановки «Портрет» или «Терминал». Используйте режим Edge для логотипов и штриховых рисунков. Простые, высококонтрастные объекты с четким силуэтом обычно лучше всего переносят уменьшение символов.

Могу ли я использовать созданный рисунок в README или терминале?

Да. Скопируйте Markdown для изолированного блока README, TXT для обычного текста, ANSI для терминала с поддержкой цвета, HTML для цветного рендеринга браузера или PNG, если место назначения не может сохранить моноширинный интервал.