Как использовать LikeFont

Как использовать LikeFont

Автор: Игорь ПлющИгорь Плющ

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

en.likefont.com

Англоязычная версия

en.m.likefont.com

Версия для смартфонов

Содержание

1. Как загрузить изображение

Итак, вы попали на главную страницу сервиса.

Здесь нас интересуют три элемента:

  1. Кнопка загрузки изображения с твоего компьютера
  2. Вторая вкладка, где можно передать изображение сервису в виде ссылки
  3. Чекбокс I agree to post it in Identification Community. Определяет, останется ли изображение в разделе Community и будет видно другим пользователям. Можно скрыть его из раздела, сняв чекбокс.
image

2. Как оптимизировать изображение, чтобы оно лучше распознавалось

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

image

Итак, мы загрузили изображение и сервис автоматически упростил его до плоской черно-белой картинки.

image

Такое изображение не будет корректно определяться сервисом. Определяемые символы должны быть черными, фон белым.

Invert

Первое, что мы хотим сделать — это инвертировать цвета. Для этого нужно использовать радио-кнопку Invert в левой части панели инструментов над изображением.

image

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

Threshold

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

image

При сбалансированных значениях Threshold и Noise почти все буквы надписи будут хорошо различимы и проявят чёткие границы силуэтов.

⚠️
Важно: довольно часто в изображениях с низким контрастом или плохим разрешением буквы слипаются в единую форму, которую LikeFont распознаёт как один символ.
Threshold:117
Символы E, V и Y, T слиплись и не могут быть определены, как отдельные
Символы E, V и Y, T слиплись и не могут быть определены, как отдельные

В этом случае изменение параметров Threshold и Noise может помочь разделить их на отдельные буквы.

Threshold: 156
Threshold: 156
Символы E, V и Y, T теперь видны, как раздельные
Символы E, V и Y, T теперь видны, как раздельные

Точность распознавания символов также зависит от того, насколько ваша надпись стоит прямо. Для вращения надписи по или против часовой стрелки нужно использовать инструмент Rotate.

Надпись была слегка под наклоном, поэтом мы повернули ее на один градус против часовой стрелки. Для поворота по часовой стрелке стоит использовать отрицательные значения (-1 в данном случае).
Надпись была слегка под наклоном, поэтом мы повернули ее на один градус против часовой стрелки. Для поворота по часовой стрелке стоит использовать отрицательные значения (-1 в данном случае).

Если изображение еще и наклонено, можно воспользоваться инструментом для изменения наклона внутри сервиса.

Lean — это аналог инструмента Skew в Adobe Photoshop и других приложениях для редактирования изображений.
Lean — это аналог инструмента Skew в Adobe Photoshop и других приложениях для редактирования изображений.

Flip

Инструмент Flip позволяет отразить изображение по вертикальной или горизонтальной осям.

image

Кнопка Reset сбрасывает значения инструментов Lean и Flip.

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

3. Как помочь сервису через встроенные инструменты

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

image

Значения символов вставляются в соответствующие поля.

image

После нажатия на кнопку Identify Now сервис покажет исходное изображения для сравнения и предложит варианты, которые он смог определить в изображении.

image

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

image

Конец инструкции ⏹️