Как определить шрифт по картинке или фотографии

В этом материале «Код Дурова» рассказывает о том, как определить шрифт по изображению.

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

Секрет успеха — в грамотной подготовке материала и выборе подходящего инструмента. Но об этом чуть позже!

Принципы работы автоматического распознавания шрифтов

Алгоритмы распознавания работают по следующему принципу:

1. Система анализирует контуры символов (глифов), выделяя ключевые особенности: толщину штрихов, наличие засечек, пропорции, углы наклона.
2. Полученные характеристики сравниваются с базой данных, содержащей сотни тысяч шрифтов. Качество распознавания напрямую зависит от чёткости изображения и контрастности текста.
3. При отсутствии точного совпадения предлагаются визуально близкие альтернативы.

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

Требования к изображению для точного распознавания

• Разрешение не менее 300-600 DPI для печатных материалов.
• Формат PNG или JPEG высокого качества.
• Размер изображения не менее 800 пикселей по длинной стороне.
• Чёткие контуры букв без размытия и артефактов сжатия.
• Высокий контраст между текстом и фоном.
• Отсутствие наложений и пересечений с другими элементами.
• Прямое расположение текста (без перспективных искажений).
• Достаточное расстояние между символами.
• Наличие характерных букв (g, y, Q, R для латиницы; б, ф, щ, ю для кириллицы).

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

Топ-5 сервисов для определения шрифтов по изображению

WhatFontIs

Сервис использует технологии машинного обучения для анализа более 900 000 шрифтов. Особенность — поддержка как бесплатных, так и коммерческих шрифтов с указанием типа лицензии.

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

• Шаг 1. Перейдите на сайт и нажмите «Upload Image».
• Шаг 2. Загрузите изображение размером до 2 МБ в формате JPG, PNG или GIF.
• Шаг 3. Выделите область с текстом, который нужно распознать.
• Шаг 4. Подтвердите или исправьте символы, выделенные системой для анализа.
• Шаг 5. Получите список похожих шрифтов.

Font Squirrel Matcherator

Инструмент от популярного ресурса бесплатных шрифтов. Преимущество — акцент на шрифты с открытыми лицензиями (то есть бесплатные), что удобно для коммерческих проектов.

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

• Шаг 1. Откройте сайт сервиса.
• Шаг 2. Загрузите изображение или вставьте URL картинки.
• Шаг 3. Выделите текстовую область красными рамками.
• Шаг 4. Нажмите «Matcherate It!».
• Шаг 5. Получите подборку шрифтов.

ChatGPT

При подготовке этого материала мы неоднократно сталкивались с неработающими или недоступными в РФ сервисами по распознаванию шрифтов. Ситуацию спас ChatGPT:

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

• Шаг 1. Загрузите в GPT картинку с нужной надписью.
• Шаг 2. Напишите свой запрос, например «Какой шрифт используется на картинке» или «Каким шрифтом написана фраза?».
• Шаг 3. Дождитесь ответа нейросети. Уточните запрос, если потребуется.

В нашем примере GPT не смог найти именно этот шрифт, но подобрал три наиболее подходящих.

Определение шрифтов на веб-сайтах

Для анализа шрифтов, используемых на сайтах, существуют специальные браузерные расширения, например, Fontface Ninja.

Fontface Ninja — популярное расширение для Chrome, Firefox и Safari.

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

• После установки нужно нажать на иконку расширения и навести курсор на текст, который нужно распознать.

Работа с некачественными изображениями

Если у вас неидеальная картинка, а шрифт на ней всё-таки нужно распознать, попробуйте подготовить изображение в фото-редакторе:

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

Что же дальше?

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

• Desktop — позволяет пользоваться шрифтом на компьютере;
• Web  – разрешает использовать шрифт для оформления сайтов;
• App — даёт право пользоваться шрифтом в мобильных приложениях;
• ePub — для использования в электронных книгах;
• Server — для серверного использования.

Изучите лицензионное соглашение на сайте разработчика или продавца шрифта и приобретите лицензию. Можно также использовать и бесплатные шрифты, например, от Google Fonts.

«Код Дурова» не рекомендует пользоваться шрифтами нелегально — это грозит претензиями от правообладателя и даже судебными разбирательствами.