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

Анна Волгина

Sep 04, 2025 • 16:03

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

WhatFontIs

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

Сервис WhatsFontIs подобрал несколько очень похожих шрифтов

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

Шаг 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 работает неидеально, но работает

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

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

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

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

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

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

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

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

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

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