3 инструмента, которые можно использовать для поиска шрифта в изображении

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

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

Давай приступим к работе!

Подпишитесь на наш канал Youtube

Как работают средства поиска шрифтов

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

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

• Размер базы шрифтов инструмента
• Легко ли ваше изображение "читаемо"
• Если текст горизонтальный или нет

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

3 инструмента, которые можно использовать для поиска шрифта в изображении

Когда дело доходит до онлайн-инструментов, которые могут найти шрифт по изображению, особенно популярны три: Matcherator, WhatTheFont и What Font Is. Чтобы проверить, насколько хорошо они работают, мы собираемся протестировать каждый из них, используя два снимка экрана, взятые из некоторых из наших любимых макетов Divi.

1. Матчератор

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

Вы можете нажать кнопку « Загрузить изображение» или перетащить файл со своего рабочего стола, чтобы начать работу. Затем Matcherator попросит вас обрезать его, чтобы он сфокусировался на тексте, который вы хотите идентифицировать. Вот первое изображение, которое мы используем для тестирования:

После загрузки в Matcherator мы кадрировали его, чтобы выделить заголовок «Высокая мода». Используется шрифт Georgia:

После того, как вы закончите кадрировать изображение, Matcherator вернет список возможных гарнитур:

Как видите, результаты нашего примера не совсем соответствовали Грузии. Тем не менее, Matcherator точно определил, что это шрифт с засечками, и второй шрифт в списке не так уж и далек.

Мы провели второй тест-драйв Matcherator с изображением, которое читается «OKAPE» и использует знаменитый шрифт Helvetica:

И снова Matcherator дал смешанные результаты. Некоторые (хотя и не все) из них были довольно близки, но ни один не был точным соответствием Helvetica. Если вы хотите найти определенный шрифт на изображении, но вас устраивает шрифт с похожим внешним видом, этот инструмент может работать достаточно хорошо.

2. WhatTheFont

WhatTheFont работает почти так же, как Matcherator. Сначала он просит вас загрузить изображение:

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

Вам нужно только вручную обрезать изображение, если оно включает несколько гарнитур, иначе WhatTheFont не сможет точно определить текст, который вы пытаетесь использовать. Что касается точности, то этот инструмент также не может напрямую идентифицировать Грузию. Однако результаты даже ближе, чем у Matcherator:

Мы также протестировали WhatTheFont с нашим изображением «OKAPE». Имейте в виду, что этот текст написан прописными буквами, что должно значительно упростить процесс для программного обеспечения:

Хотя WhatTheFont также не идентифицировал Helvetica, результаты, которые он показывает нам, почти идентичны оригиналу, который мы загрузили. Если вы пытаетесь найти шрифт по изображению, вы можете очень близко подойти к точному совпадению с помощью этого инструмента.

3. Что такое шрифт

Как и другие инструменты, которые мы рассмотрели, как только вы посетите What Font Is, он попросит вас загрузить изображение, которое он может проанализировать:

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

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

На этом экране вам необходимо:

• Нарисуйте линии для разделения каждого символа
• Убедитесь, что текст темнее фона (нажмите « Инвертировать», если это не так).
• Отрегулируйте контрастность и яркость, чтобы текст был максимально видимым.
• Поверните изображение так, чтобы текст был горизонтальным

Затем What Font Is попросит вас идентифицировать определенные символы в вашем тексте:

Наконец, вы увидите свои результаты:

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

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

Мы также попробовали наше изображение «OKAPE» с «What Font Is» и получили аналогичный результат. И снова Helvetica не попала в число предложенных гарнитур, но было несколько очень близких претендентов:

В целом, What Font Is может быть полезным инструментом, если вы хотите найти бесплатный шрифт или шрифт Google, который очень похож на тот, что на вашем изображении. Однако WhatTheFont одинаково точен и требует меньше усилий с вашей стороны.

Интернет-сообщества по поиску шрифтов

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

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

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

Двумя из лучших являются IdentifyThisFont от Reddit и идентификация шрифта Quora. Все, что вам нужно сделать, это вежливо спросить и загрузить пример шрифта, который вы пытаетесь назвать. Обычно кто-то приходит с правильным ответом (даже если он очень неясен).

Заключение

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

Из всех протестированных сервисов WhatTheFont вернул результаты, наиболее близкие к нашему исходному тексту. Если вы твердо настроены идентифицировать конкретный шрифт, возможно, вам больше повезет передать задачу на аутсорсинг онлайн-сообществам, таким как IdentifyThisFont или Typeface Identification.

У вас есть вопросы о том, как найти шрифт по изображению? Давайте рассмотрим их в разделе комментариев ниже!

Миниатюра статьи DRogatnev / shutterstock.com