Шрифт – один из элементов дизайна, влияющий на восприятие контента пользователем сайта. Нередко в практике web-мастеров возникают ситуации подбора визуальных компонентов по картинкам, найденным в Интернет или даже на страницах печатных журналов. Для этого используются программы, в том числе и онлайн-сервисы.
Сегодня мы как раз поговорим о том, как узнать шрифт по изображению бесплатно с помощью специальных сервисов и десктопных программ.
Основные способы определения шрифта
Проблема подбора конкретного стиля оформления надписи может возникнуть в следующих случаях:
- при редактировании логотипа или стиля оформления сайта заказчика;
- для пополнения собственной коллекции шрифтов;
- для внесения небольших коррективов «под себя» при использовании исходника из сети.
Есть два простых способа определить стиль надписи по фото:
- вычленить его название из кода сайта, на котором размещено понравившееся изображение;
- использовать программу Фотошоп, в которой есть встроенная библиотека шрифтов.
Кроме того, существуют профильные сообщества, где всегда можно задать вопрос коллегам, или же можно напрямую обратиться к дизайнеру понравившегося сайта. Чаще же всего web-мастера прибегают к помощи онлайн-сервисов.
Топ-5 способов определения шрифтов
Web-дизайнеры в своей практике используют онлайн-помощники, так как это самый быстрый и простой способ определить надпись на исходном изображении. При этом придерживаются правил:
- загрузка картинки в формате jpg или png;
- контраст основного фона и букв;
- четкие контуры текста;
- разрешение не менее 600 dpi.
WhatFontIs
Использование этого онлайн-сервиса – один из способов быстрого определения шрифтов на фото. Он работает со встроенной базой на 840 тыс. названий, а также предлагает более 60 шрифтов для загруженной картинки на основе работы алгоритма ИИ. В качестве общих баз использует Google Fonts, Adobe Fonts, MyFonts.com, FontSpring, Creative Element (Envato Market).
Для работы надо дать ссылку на картинку или загрузить ее из папки на компьютере. Этот способ распознавания шрифта на фото выигрывает перед аналогами в том, что не требует высокого разрешения исходного изображения. После загрузки происходит автоматическая конвертация с дальнейшим выбором оригинала или отформатированного варианта.
Чтобы максимально точно определить стиль надписи, надо вручную выбрать фрагмент из 4-10 символов. Этот способ сработает, если в выбранном тексте будет как можно больше букв, имеющих одинаковое начертание в кириллице и латинице.
Преимущества:
- бесплатный способ определить шрифт по картинке;
- большая база с вариантами под каждое изображение;
- автоматическое редактирование исходного фото;
- онлайн-проверка найденного шрифта на соответствие первоначальному фото;
- возможно загрузки изображения по ссылке или с компьютера.
Недостатки:
- работает только с латиницей;
- много рекламы;
- после анализа предлагает оформить платную подписку;
- чтобы пользоваться бесплатным сервисом, необходимо листать весь список выявленных стилей, так как первыми идут платные функции;
- техподдержка доступна при Pro-аккаунте.
Официальный сайт: https://www.whatfontis.com/
LikeFont
Сервис от азиатских разработчиков. Главным его плюсом считается расширенный перечень языков: кроме латиницы здесь можно распознать шрифт на японском, корейском, китайском и кириллицу.
Работать с ним просто:
- загрузить картинку с текстом или дать ссылку на фото;
- определить прямоугольником нужную зону;
- ввести вручную некоторые символы, чтобы алгоритм сработал более точно;
- нажать кнопку идентификации;
- посмотреть предложенные варианты;
- загрузить нужный на ПК.
Преимущества:
- широкий бесплатный функционал;
- многоязыковая поддержка;
- база на 2,8 млн шрифтов (включая платные в магазине);
- автоматический и ручной ввод текста;
- функция возврата к ручному внесению данных;
- возможность склейки символов.
Недостатки:
- необходимость регистрации;
- сайт на китайском языке с частичным переводом на английский или русский;
- реклама во время использования сайта;
- повышенные требования к качеству фото.
Официальный сайт: https://en.likefont.com/
Font Identifier
Англоязычный сайт с большой базой шрифтов и языков. Удобно использовать, чтобы определить текст на русском, белорусском и украинском языках. Работает бесплатно. Внутренний алгоритм построен по принципу анализа языка, категории текста и тегов. Работает с базами Font Squirrel (своя база), Fontspring, Fontzillion, Myfonts.
Этот способ определить оформление надписи подойдет даже новичкам:
- необходимо открыть сайт или скачать программу на компьютер;
- загрузить фото (jpg, png, gif) или использовать URL-адрес изображения;
- выделить фрагмент с текстом;
- получить результаты;
- скачать или купить подходящий вариант.
Преимущества:
- бесплатный способ определить надпись по картинке;
- настройка поиска кириллических символов;
- инверсия изображения, автоматическое определение шрифта по картинке;
- ручной ввод глифов в случае ошибки автоматической идентификации;
- функция редактирования загруженного элемента.
Недостатки:
- требовательность к качеству изображения: фон не должен сливаться с буквами, между символами должны быть пробелы;
- англоязычный интерфейс;
- всплывающая реклама во время работы с картинками.
Официальный сайт: https://www.fontsquirrel.com/
WhatTheFont
Этот сайт – один из способов определить шрифт по картинке онлайн. Алгоритм настроен на сопоставление исходника со 130 тыс. стилями начертания букв. После анализа пользователь получает возможность установки шрифта бесплатно или покупает уникальное предложение.
Работа с сайтом аналогична способам, описанным выше:
- зайти на ресурс без дополнительной регистрации;
- загрузить картинку или ее адрес;
- рамкой выделить нужный текст в горизонтальном формате;
- нажать кнопку идентификации;
- посмотреть предложенные варианты, скачать нужный.
Преимущества:
- один из способов определить шрифт по картинке, который всегда под рукой: есть приложение для Android и iOS, а также web-версия;
- большая база шрифтов;
- бесплатное использование.
Недостатки:
- для работы часто требуется войти через VPN;
- при большом предложении стилей приходится вручную просматривать начертания, подбирая максимально схожие с исходником значения.
Официальный сайт https://myfonts.com/
Font Matcherator
Сервис, работающий в паре с платформой по продаже шрифтов Fontspring. Его использование абсолютно бесплатно, как и часть предложений, доступных пользователю после анализа картинки.
Font Matcherator работает с базой на 65 тыс. вариантов написания букв. Внутри сервиса есть способы улучшить изображение для более четкого распознавания: поворот, обрезка картинки, выделение нужных глифов.
Преимущества:
- работает с кириллицей, но в ограниченном режиме;
- бесплатный функционал в виде большой базы стилей написания букв, собственный генератор web-шрифтов;
- автоматическая идентификация глифов;
- собственный форум дизайнеров для обсуждения и поиска стилей оформления картинок.
Недостатки:
- работает с несложными шрифтами и картинками высокого качества;
- требуется подготовка фото: очистка фона, шума, удаление углов и искажений;
- для кириллических фраз рекомендуют вводить символы вручную;
- англоязычный интерфейс.
Официальный сайт https://www.fontspring.com/matcherator
Специальные программы
Кроме онлайн-сервисов web-дизайнеры используют ПО для компьютеров или мобильных устройств. Его преимущество – работа с базой, уже установленной на ПК. Чаще всего используется программа FontDetec.
Утилита работает с ОС Windows. Программа позволяет распознавать русскоязычные тексты. При установке анализирует шрифты, предустановленные на ПК. Если база не достаточна, то при первом запуске будет предложено докачать недостающие стили. Утилита позволяет проводить большую работу с картинками: очищать фон, повышать контраст, масштабировать изображение, выполнять поворот, выравнивать углы, дорисовывать смытые элементы.
Преимущества:
- бесплатное ПО для Windows 32 и 64 бит;
- утилита настроена на русскоязычные символы;
- русскоязычная техподдержка;
- широкий набор инструментов для работы с картинками;
- способ определить шрифт по встроенной базе на ПК;
- есть вспомогательные утилиты для выпрямления сложного изображения и текста.
Недостатки:
- работа только на Windows с дальнейшим ручным обновлением;
- использование достаточно ограниченной базы шрифтов, установленной на ПК.
Выводы
Самым оптимальным способом определить шрифт по картинке считается использование специальных онлайн-сервисов. Они работают с большими базами, имеют встроенный функционал автоматического улучшения изображений. Их минус – настройка на латиницу и ограниченные возможности при анализе кириллических надписей.
Редко онлайн-сервисы не справляются со своей задачей. Это случается при анализе картинок, шрифт на которых разработан индивидуально и не подгружен в общие базы. В этом случае необходимо пересмотреть альтернативные предложения, и это нужно будет сделать вручную из массы предложенных вариантов.
