Поиск шрифта по картинке: ТОП-6 сервисов и 3 работающих метода для онлайн-определения шрифтов по картинке

Еще десять лет назад для определения понравившегося шрифта дизайнеры привлекали массу инструментов – от распознавания по справочникам и книгам до консультаций с коллегами. Сегодня все максимально упрощено: достаточно загрузить исходник или дать ссылку на сайт, а потом получить точный результат или подборку похожих вариантов. Рассказываем, где и как выполнять поиск шрифта по картинке, разбираем ТОП-6 лучших сервисов и 3 универсальных способа.

Как работать с сервисами для онлайн-поиска шрифта по картинке

Правильно подобранная шрифтовая пара – основа типографики, обеспечивающая визуальную эстетику и достойный уровень читаемости для пользователя. Эти факторы оказывают прямое влияние на ключевые показатели эффективности (KPI), а также поведенческие факторы, учитывающиеся Яндекс и Google при ранжировании сайтов. Сервисы, позволяющие определить шрифт по картинке онлайн, существенно облегчают жизнь дизайнера:

• экономия времени, ведь не придется искать нужное вручную, проводя сравнение по массе признаков и используя справочники, другие дополнительные материалы;
• хорошая точность, обусловленная обширными внутренними базами данных. Не все сервисы распознают символы на 100%, но способны предложить альтернативы, очень похожие на искомое;
• дополнительный функционал. Доступно разнообразие предложений, сокращающих долю рутинной работы: сравнение, цветовые палитры, сведения о лицензии, скачивание понравившегося шрифта или ссылка на необходимую базу.

В основе сервисов – алгоритмы сравнения изображений и текста, привлекаются параметры, характерные для определенных начертаний. Принцип работы напоминает Google Объектив: загружаем картинку (требуется указание области сканирования) или даем URL-адрес сайта (придется отметить фрагмент с понравившимся текстом), через несколько секунд получаем результат. Последний – не точный, а примерный: доступны вариации, из которых пользователь вручную выбирает подходящую, + название.

Какие буквы похожи в кириллице и латинице

Сервисы работают бесплатно, регистрация чаще всего не нужна. Из минусов – плохо распознают кириллические шрифты, упростить поиск помогает выбор букв, повторяющихся в латинском алфавите («А», «В», «К», «О», «Т», «Х»). Еще один важный момент – сопоставление цены и лицензии: многие шрифты распространяются бесплатно, но платформы и их партнеры все равно предлагают покупку, поэтому информацию следует перепроверять. Иногда применяются хитрости, например, к загрузке при добавлении в корзину доступна вся гарнитура, а не отдельный бесплатный вариант.

Какие требования к изображениям выдвигаются

В сервисы можно загружать картинки, скриншоты и ссылки с последующим выделением области, которая нуждается в сканировании. Исходник должен соответствовать ряду требований:

• четкий, без размытости и зернистости;
• символы отделены, они не перекрывают друг друга, хорошо просматриваются основные признаки (засечки, утолщения, форма, прочие);
• формат изображений может быть любым, приоритетны JPEG или PNG;
• не утрачивает качество при увеличении, лучше загружать исходник не менее 600 точек на дюйм (dpi).

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

ТОП-6 сервисов для определения шрифта по картинке

Для чистоты эксперимента будем использовать шрифт Calluna, входящий в семью Serif.

Шрифт Calluna, который будем распознавать

1. WhatTheFont

Сервис WhatTheFont – бесплатный и не требует регистрации, плохо понимает кириллицу, а буквы и символы из латинского алфавита идентифицирует не со 100% точностью. Пользователь получает подборку вариантов, близких к исходнику, что ускоряет процесс выбора подходящего под цели проекта или в рамках сбора референсов. Работа с сервисом для распознавания максимально простая:

• в поле на стартовой странице вводится URL-адрес, альтернатива – загрузка изображения с устройства пользователя;
• на следующем этапе выбирается фрагмент для распознавания, рекомендуется захватить самые характерные буквы и символы. Остается кликнуть на «Определить шрифт» (сервис англоязычный, можно использовать встроенный в браузер переводчик);
• результаты. Наш Calluna сервис узнал и вынес в первую строку, посмотреть его предлагают в разных форматах. При переходе в карточку шрифта легко протестировать написание и отображение, введя собственный текст.

Наш результат в WhatTheFont: Calluna определен со 100% точностью

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

2. WhatFontIs

Сервис WhatFontIs предлагает поиск по картинке, загруженной с устройства пользователя или указанной в форме URL. В базе – почти 1 миллион вариантов + потенциал сторонних платформ, а в основе поисковика лежит искусственный интеллект. Узнаются как бесплатные, так и платные начертания, с латиницей все проще, чем с кириллицей. Без регистрации и подписки функционал существенно урезан, как и количество символов для поиска. Из других минусов – огромное количество рекламы, из-за которой сайт подвисает, что достаточно неудобно. Начинаем распознавание:

• загружаем картинку, в следующем окне выбираем до 10 символов, очерчивая необходимую область;
• используем редактор, чтобы оптимизировать изображение: настраиваем яркость и контрастность, повышающие заметность текста. Параметры устанавливаются вручную или же применяется автонастройка. Из дополнительных возможностей – утолщение линий, удаление шума, интерпретация цвета (белые буквы на черном фоне и наоборот);
• проверяем символы, вводя соответствующие буквы или цифры в квадратики. На этом этапе уточняются параметры поиска, разделяются объединенные буквы – на странице есть детальная инструкция;
• видим результат, шрифт Calluna распознан.

Сервис WhatFontIs в первых строках выдает правильный ответ

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

3. FontDetect

FontDetect – не онлайн-сервис для поиска русского шрифта по картинке + латиницы, а десктопная программа для операционной системы Windows. Является условно-бесплатной: пользователь вносит средства по желанию. На официальном сайте продукта есть подробная инструкция по использованию, взаимодействие сводится к 4 шагам:

• устанавливаем программу на компьютер, загружаем изображение и выделяем область для идентификации;
• осуществляем разбивку на отдельные символы (автоматически), после чего каждому символу присваиваются подходящие буквы, цифры;
• указываем папки, в которых будет осуществляться поиск (при необходимости);
• запускаем сканирование, изучаем результаты.

Возможно выпрямление текста по кривой и окружности. Сервис располагает внутренней базой, которая ограничена стандартным набором и неэффективна при поиске многих современных/новых шрифтов.

Интерфейс программы FontDetect

4. FontSquirrel Matcherator

Сервис FontSquirrel Matcherator – еще один онлайн-продукт, выполняющий поиск по загруженной картинке или URL-адресу. Ориентирован на латиницу, является бесплатным, лишен навязчивой рекламы. Начинаем идентификацию:

• добавляем изображение;
• выделяем наиболее характерные для гарнитуры символы (для удобства подсвечиваются поля глифов);
• смотрим результат – наш шрифт распознан со 100% точностью + список похожих.

Как FontSquirrel Matcherator идентифицирует шрифты с картинок

Отображаются сведения о дистрибьюторах, при клике на название – осуществляется перенаправление на страницу, где есть:

• образец, а также поддерживаемые языки, дата создания, наличие/отсутствие засечек;
• образцы отдельными строками и полноценными абзацами;
• тест-драйв: в поле пишем свой текст, после чего видим отображение;
• просмотр всех глифов (физическое представление символов);
• сведения о лицензии.

При необходимости шрифт легко скачать, перейдя на страницу партнерского сервиса. 

5. FontSpring

Сервис FontSpring – еще одно бесплатное решение для поиска шрифта по картинке, по функционалу и возможностям напоминающее ранее рассмотренные. Добавляем изображение со своего устройства или URL, далее действуем по инструкции:

• выделяем текст для поиска, здесь тоже есть поля глифов, поворот изображения;
• получаем результат, если он не точный или есть проблемы с распознаванием – легко осуществить дополнительные настройки, такие как редактирование для разъединения букв, обрезка, ввод соответствующих символов и прочие.

Поиск шрифта в FontSpring

Наш шрифт Calluna сервис распознал без дополнительного изменения исходника, отобразил название и начертание. Предоставляется информация о стилях, при клике на иконку попадаем на другую страницу, где есть:

• наименование и описание семейства;
• лицензия и цена;
• ввод пользовательского текста для просмотра отображения;
• год выпуска.

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

6. Identifont

Identifont – нестандартный продукт для тех, кто разбирается в типографике и может описать шрифт по характерным признакам. Загрузка картинок или ссылок здесь не поддерживается, предлагается указать следующие параметры:

• наличие засечек;
• полное или частичное название;
• схожесть;
• имя издателя или дизайнера;
• определенное изображение или символ.

Основные параметры для поиска в Identifont

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

Какие еще способы доступны для поиска шрифта по картинке

1. Нейросети

Нейросети способны идентифицировать образы и подбирать похожие варианты. Последний формат ответов более частый, точное распознавание – редкость. Рассмотрим на примере ChatGPT, куда загружаем исходник с ранее искомым шрифтом:

• Calluna распознается в качестве Garamond – это шрифт с засечками, дополнительно предоставляется описание;
• просим чат-бот подобрать похожие – получаем выборку с характеристиками и рекомендациями по использованию.

Поиск шрифта в ChatGPT

Если мы укажем наименование – нейросеть его запомнит, после чего начнет узнавать. Попробуем удачу с Gemini: нейронка дает советы о сервисах, в которых можно осуществить поиск, а также распознает засечки. Хорошее решение для подбора похожего, но 100% совпадения ожидать не приходится.

Как распознала картинку Gemini

2. Поиск по коду страницы

Еще один способ, который не гарантирует положительный результат. Необходимо открыть страницу, а потом кликнуть мышкой по любой области. В появившемся окне нажимаем на «Посмотреть код», предварительно можно выбрать текст, который нам необходим. Справа отобразится еще одно окно, ищем поле Styles, задаем атрибут font-family и нажимаем клавишу enter. Информация может быть как скрытой, так и неверной, в последнем случае дизайнер вносит название на свое усмотрение. 

Ищем шрифт с помощью кода страницы

3. Поиск по фото в Google и Яндекс

Сервисы поиска по картинке от Яндекс и Google тоже способны давать подсказки о том, какой шрифт изображен на исходнике. Если мы загружаем стандартный набор символом – может найти и название, и сайт, на котором они размещены. Чаще всего доступны лишь похожие варианты. Посмотрим, как это работает:

• открываем Яндекс, в строке кликаем на «Поиск по Картинке», загружаем исходник. Видим список изображений, также доступна сортировка по похожим и сайтам. Есть примерные варианты, но точное определение отсутствует;

Поиск шрифта в Яндексе

• переходим в Google, повторяем процедуру так, как делали это в Яндекс. Ни одно предложение не подходит под наш шрифт, но отображаются примеры и альтернативы.

Распознавание шрифта в Google

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

В заключение

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