Как определить шрифт по картинке или фотографии
В этом материале «Код Дурова» рассказывает о том, как определить шрифт по изображению.
Разберём лучшие онлайн-сервисы, а также поделимся профессиональными лайфхаками. Будет актуально для веб-дизайнеров, верстальщиков, маркетологов и всех, кто работает с типографикой.
Секрет успеха — в грамотной подготовке материала и выборе подходящего инструмента. Но об этом чуть позже!
Принципы работы автоматического распознавания шрифтов
Алгоритмы распознавания работают по следующему принципу:
- Система анализирует контуры символов (глифов), выделяя ключевые особенности: толщину штрихов, наличие засечек, пропорции, углы наклона.
- Полученные характеристики сравниваются с базой данных, содержащей сотни тысяч шрифтов. Качество распознавания напрямую зависит от чёткости изображения и контрастности текста.
- При отсутствии точного совпадения предлагаются визуально близкие альтернативы.
Важно: кириллические шрифты распознаются менее точно, чем латинские, поскольку большинство баз данных ориентированы на английский алфавит.
Требования к изображению для точного распознавания
- Разрешение не менее 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.
«Код Дурова» не рекомендует пользоваться шрифтами нелегально — это грозит претензиями от правообладателя и даже судебными разбирательствами.