Главная / Блог / Вопрос-ответ / Как определить шрифт по картинке?

Вопрос-ответ

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

5 онлайн-сервисов для распознавания шрифта по png или jpeg

Оля Фролова
22 декабря, 2020

11460

Есть вопрос про диджитал?

Задавайте, а мы ответим на него в блоге.

Если вам понравился шрифт на сайте или баннере, его можно найти и использовать. Популярные Arial или Times New Roman угадать можно, например, по отсутствию или присутствию засечек. Более редкие и незнакомые надписи можно распознать онлайн: по картинке или скриншоту. Рассказываю, как это сделать.

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

Буквы чёткие и имеют различимый контур.
Каждый символ отделён от соседних (не нарушено расстояние между буквами).
Изображение сохранено в формате jpeg или png.
Картинка не теряет качество при увеличении. Лучше использовать разрешение не менее 600 точек на дюйм.

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

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

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

Теперь разберу 5 онлайн-сервисов, которые распознают шрифт онлайн.

WhatTheFont

Онлайн-платформа по распознаванию латинских букв по картинке. Также есть база для подбора, которая регулярно обновляется.

Стоимость. Бесплатно.

Язык сервиса. Английский.

Возможности. Скачать или купить шрифт.

Ссылка на сервис. https://www.myfonts.com/WhatTheFont/

Сервис распознает шрифты по jpeg или png изображениям. Представлены примеры макетов, которые можно загрузить для сканирования

✅

Не требуется регистрация

Быстрый поиск по базе более 130 тыс., в том числе платным

Есть приложение для распознавания шрифта на смартфонах (можно просканировать с фотографии) и расширение для Chrome

❌

Не распознает кириллицу

Найденные по скриншоту шрифты предлагает купить, даже если есть бесплатный аналог

Font Identifier

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

Стоимость. Бесплатно.

Язык сервиса. Английский.

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

Ссылка на сервис. https://www.fontsquirrel.com/matcherator

Сервис считывает каждый символ на картинке по отдельности

✅

Не требуется регистрация

Можно поделится результатами сканирования в соцсетях

Распознает шрифты на десяти языках, в том числе на русском, украинском, белорусском

В базе присутствуют платные и бесплатные варианты шрифтов

❌

Много рекламы внутри платформы

Fontspring

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

Стоимость. Бесплатно.

Язык сервиса. Английский.

Возможности. Купить шрифт, отредактировать изображение.

Ссылка на сервис. https://www.fontspring.com/matcherator

В сервисе удобно выбирать шрифт из найденных за счёт плавающего исходного изображения

✅

Не требуется регистрация

Есть редактор для обрезки и поворота загруженных изображений

Можно сканировать изображение по ссылке

❌

Плохо работает с кириллицей

В основном представлен платными вариантами

IdentiFont

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

Стоимость. Бесплатно.

Язык сервиса. Английский.

Возможности. Поиск по символу, имени дизайнера, наводящим вопросам, по части названия и по внешним признакам.

Ссылка на сервис. http://www.identifont.com/

На главной странице представлены 5 способов найти шрифт

✅

Не требуется регистрация

Постоянно пополняется база

Можно найти шрифт по названию, дизайнеру или наводящим вопросам

❌

Нельзя определить по картинке

Whatfontis

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

Стоимость. Бесплатно без фильтра поиска по бесплатным вариантам и с рекламой. Есть платная версия за $39,99 в год.

Язык сервиса. Английский.

Возможности. Скачать или купить, отредактировать загруженное изображение.

Ссылка на сервис. https://www.whatfontis.com/

Для того, чтобы сервис верно определил шрифт, можно отделить каждый символ чертой

✅

Можно сохранить результат сканирования (понадобится регистрация)

Если изображение не подходит, платформа поможет отредактировать его онлайн

Можно искать похожие варианты по фильтру «только бесплатные»

❌

Работает только с латиницей

Не более 10 символов на исходной картинке

Преимущества сервиса доступны только по подписке, например, поиск только бесплатных семейств по картинке

Как сервисы справились с тестовыми картинками

Латиница. Чтобы проверить возможности сервисов я взяла латинские шрифты Lobster и Permanent Marker на разных фонах.

Я протестировала три изображения

WhatTheFont

Font Identifier

Fontspring

Whatfontis

Lobster на белом фоне (латиница)

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил бесплатные и платные аналоги

✅

Верно распознал

Permanent Marker на белом фоне (латиница)

✅

Верно распознал

✅

Верно распознал

⛔️

Определен неверно

✅

Верно распознал

Lobster на разноцветном фоне (латиница)

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил бесплатные и платные аналоги

✅

Верно распознал

Permanent Marker на разноцветном фоне (латиница)

✅

Верно распознал

✅

Верно распознал

⛔️

Не определен

✅

Верно распознал

Lobster на нечитаемом фоне (латиница)

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

⛔️

Не определен

✅

Верно распознал

Permanent Marker на нечитаемом фоне (латиница)

✅

Верно распознал

⛔️

Не определен

⛔️

Определен неверно

⛔️

Определен неверно

Кирилица. Для проверки кириллицы взяла SportsWorld и Lobster на разных фонах.

И еще три изображения кирилицей

WhatTheFont

Font Identifier

Fontspring

Whatfontis

Lobster на белом фоне (кириллица)

⛔️

Определен неверно, предложил бесплатные и платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

SportsWorld на белом фоне (кириллица)

⛔️

Определен неверно, предложил бесплатные и платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

Lobster на разноцветном фоне (кириллица)

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

SportsWorld на разноцветном фоне (кириллица)

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

⛔️

Определен неверно, предложил платные аналоги

✅

Верно распознал

Lobster на нечитаемом фоне (кириллица)

⛔️

Определен неверно, предложил платные аналоги

⛔️

Не определен

⛔️

Не определен

✅

Верно распознал

SportsWorld на нечитаемом фоне (кириллица)

⛔️

Определен неверно, предложил платные аналоги

⛔️

Определен неверно, предложил бесплатные и платные аналоги

⛔️

Не определен

⛔️

Определен неверно, предложил бесплатные и платные аналоги

Онлайн-сервисы Font Identifier и Whatfontis подходят для частых поисков шрифтов по картинке, в том числе бесплатно. WhatTheFont идеален для определения платных шрифтов и их аналогов, а также неплохо работает с плохо считываемым текстом. Fontspring не определил верно ни один шрифт, зато предложил несколько похожих вариантов для скачивания и покупки. Кириллицу распознали Font Identifier и Whatfontis.

Почему шрифт может не распознаваться

Иногда сервис отказывается распознавать шрифт по картинке. Что в этом случае можно сделать:

Визуально проверьте картинку: возможно, надпись в тексте сделана из разных шрифтов. Если это так, скормите сервису только часть изображения.
Отредактируйте изображение, чтобы надпись читалась чётче. Некоторые сервисы (Whatfontis, Font Identifier) имеют встроенный редактор. Иногда можно найти картинку в лучшем разрешении.
Попробуйте скормить картинку другому сервису. Возможно, он распознает образец.
Вернитесь к распознаванию через несколько дней: базы пополняются ежедневно.
Если шрифт кириллический, загружайте только символы одинаковые в написании на латинице и кириллице. Это буквы, а, е, с, p, y и некоторые заглавные буквы.

Также можно поискать шрифт вручную на форумах или задать вопрос там же: форум MyFonts, группа Type&Typography в Facebook, форум Fontmassive, форум Ruldtp.