Если раньше дизайнеру требовался целый арсенал библиотек, редакторов и даже книг для поиска шрифта, то сейчас достаточно загрузить картинку или фото в специальный сервис, и он покажет название шрифта или список похожих вариантов. Такой поиск пригодится тем, кто работает с дизайном, маркетингом или веб-разработкой, когда нужно повторить или заменить шрифт. Типичный случай: шрифт понравился на логотипе, вывеске или упаковке, а названия и файла с макетом нет.
Разберем, как подготовить изображение, чтобы буквы читались четко. Затем сравним сервисы, которые ищут шрифт по картинке, и пройдем поиск на примерах логотипа, вывески и товара. В конце расскажем, что делать, если точного совпадения нет.
- Для чего нужно определять шрифт по картинке
- Как подготовить изображение для поиска шрифта
- Обзор онлайн-сервисов для поиска шрифта
- Как найти шрифт по описанию в Identifont
- Сравнительная таблица сервисов
- Как проверить кириллицу у найденного шрифта
- Как пользоваться сервисами для поиска шрифта
- Что делать, если сервис не нашел шрифт
- FAQ по определению шрифта по картинке
- Коротко о главном
Для чего нужно определять шрифт по картинке
Определение шрифта по картинке — это поиск названия шрифта по загруженной картинке или фото с помощью онлайн-сервиса.
Такой поиск нужен в нескольких типичных случаях: повторить шрифт логотипа или вывески в новом материале, подобрать замену шрифту из макета без исходников или восстановить старый материал, от которого осталась только картинка. Название шрифта помогает сохранить стиль, знакомый аудитории бренда. Чтобы узнать название шрифта, достаточно загрузить изображение или фото и выбрать область с неизвестным текстом.
Сервис сравнивает формы букв на изображении со своей базой, поэтому точное название появляется только для шрифтов из этой базы. Если нужного шрифта в базе нет, сервис предложит наиболее близкие варианты. Для работы не нужны глубокие знания типографики: достаточно выбрать вариант из списка.
Как подготовить изображение для поиска шрифта
Чем четче и крупнее буквы на картинке, тем проще сервису сравнить их с базой. Лучше всего подходят картинки с одноцветным фоном и хорошо читаемым текстом. Требования к картинке у сервисов немного различаются, но общие правила подготовки совпадают, поэтому перед загрузкой проверьте несколько условий.
- На изображении один шрифт и одна строка текста.
- Текст расположен горизонтально, при необходимости его выравнивают при кадрировании.
- Между буквами и фоном высокий контраст, например темный текст на светлом фоне.
- Буквы четкие, достаточно крупные, без искажений и шума.
- Лишние элементы вокруг надписи обрезаны.
- Формат файла подходит сервису: например, WhatFontIs принимает JPEG, PNG и GIF.
Свои подсказки дают и сами сервисы. Font Squirrel советует пропускать буквы, которые мешают сопоставлению, а если сервис не находит символы, повысить контраст и яркость.
Если буквы слиплись или наложились друг на друга, разделите их в редакторе сервиса до запуска поиска: WhatFontIs советует так делать для курсивных и слитных шрифтов.
%201.png)
%201.png)
%201.png)
%201.png)
%201.png)
Обзор онлайн-сервисов для поиска шрифта
По картинке или фото шрифт ищут WhatTheFont, WhatFontIs и Matcherator. Часть бесплатных сервисов показывает рекламу или ограничивает число запросов, поэтому условия доступа стоит смотреть у каждого отдельно.
WhatTheFont
Сайт: https://www.myfonts.com/pages/whatthefont
WhatTheFont — сервис компании MyFonts, который определяет шрифт по загруженному изображению. Он сравнивает шрифты своей базы с буквами на картинке, а затем показывает все найденные совпадения. Единственного названия сервис не гарантирует, поэтому из списка совпадений нужно выбрать подходящий шрифт.
Преимущества:
- Показывает список всех найденных совпадений, а не один результат.
- Выводит предпросмотр, как каждый шрифт выглядит в виде текста.
WhatFontIs
Сайт: https://www.whatfontis.com/
WhatFontIs — сервис, который сравнивает форму букв на картинке с базой из более чем 1,2 млн шрифтов, бесплатных и коммерческих (по данным сервиса на октябрь 2026 года). Помимо автоматического распознавания, он позволяет вручную разделять символы в редакторе, что полезно для курсивных и слитных шрифтов. Бесплатный план позволяет определить до 5 шрифтов в день и показывает рекламу, а в платной подписке PRO доступны расширенные фильтры и до 100 результатов поиска.
Преимущества:
- Бесплатный редактор изображений.
- Распознавание по отдельным символам.
- До 60 и более похожих шрифтов в выдаче.
Matcherator от Font Squirrel и Fontspring
Сайт: https://www.fontsquirrel.com/matcherator
Font Squirrel Matcherator — это агрегатор, где пользователи могут загружать картинки или вводить URL изображений с текстом, чтобы он определил соответствующий стиль. Страница Font Squirrel подписана «Powered by the Fontspring Matcherator», поэтому Font Squirrel Matcherator и Fontspring Matcherator работают на одном движке. Font Squirrel живет за счет рекламы и сообщает, что у Fontspring выбор шрифтов шире. Скриптовые и слитные шрифты Matcherator распознает плохо.
Преимущества:
- Ввод и исправление букв вручную для сопоставления.
- Поиск по загруженному файлу или URL изображения.
- Встроенная обрезка изображения.
Как найти шрифт по описанию в Identifont
Сайт: http://www.identifont.com/
Identifont — сайт, который позволяет определить шрифт по ответам на вопросы о внешнем виде, например о том, есть ли у букв засечки. Искать можно также по названию, по сходству с другим шрифтом, по дизайнеру или издателю. Загрузки картинки среди способов поиска на главной странице нет, поэтому сервис подходит тем, кто знает названия и описания шрифтов, в том числе профессиональным дизайнерам.
Перед поиском посмотрите на картинку и отметьте признаки: есть ли засечки, какая толщина линий, похож ли шрифт на рукописный. Ответы на вопросы Identifont сужают список вариантов.
Мы решили найти шрифт, похожий на Impact — для этого просто ввели название в соответствующую категорию поиска.
В нашем примере сайт предложил 30 аналогичных шрифтов, к каждому из которых прилагается информация о дизайнере, годе выпуска, а также некоторые сведения о наградах, местах использования и влиянии на индустрию.
Сравнительная таблица сервисов
Сравнение сервисов по способу поиска, результату и дополнительным функциям.
| Название | Как ищет | Результат | Дополнительные функции |
|---|---|---|---|
| WhatTheFont | По картинке, по базе MyFonts | Список совпадений | Выбор области распознавания, предпросмотр шрифтов |
| WhatFontIs | По картинке, символы можно разделить вручную | Точное совпадение или до 60 и более похожих шрифтов | Редактор изображений и инструменты для распознавания отдельных символов |
| Matcherator (Font Squirrel и Fontspring) | По картинке или URL, буквы вводятся вручную | Список похожих шрифтов | Обрезка изображения, выравнивание букв |
| Identifont | По описанию внешнего вида, названию, сходству, дизайнеру или издателю | Список шрифтов с данными о дизайнере и годе выпуска | Поиск без загрузки картинки, вопросы о признаках шрифта |
Выбирайте сервис по тому, что есть на руках: четкая картинка с текстом подходит для WhatTheFont, WhatFontIs или Matcherator, а если есть только название или признаки шрифта, ищите в Identifont.
Как проверить кириллицу у найденного шрифта
Найденный по картинке шрифт может не поддерживать русский язык, поэтому после поиска проверьте кириллицу в каталоге. У Google Fonts для этого есть фильтр «Language», у Adobe Fonts меню «Languages and Writing Systems», а Font Squirrel публикует отдельный список шрифтов с кириллицей. Если в найденном шрифте нет русских букв, подберите похожий вручную в каталоге с фильтром по языку. Название и поддержку кириллицы проверьте до утверждения макета.
Как пользоваться сервисами для поиска шрифта
Внешне интерфейс сервисов различается, но порядок действий похож: загрузить файл или вставить ссылку, выделить область с текстом, запустить поиск и выбрать подходящий вариант из списка. Ниже этот порядок разобран на трех примерах: логотип, вывеска и товар.
Распознаем шрифт на логотипе компании с помощью WhatTheFont
Начать работу просто: на главной странице сервиса есть ячейка для загрузки изображения или ввода URL-адреса.
Редактор автоматически выделит текст или предложит самостоятельно выбрать область распознавания. После этого остается запустить определение шрифта, и система покажет результат.
В нашем примере отобразилось много аналогичных шрифтов разной степени схожести с оригиналом.
Распознаем шрифт на вывеске магазина с помощью WhatFontIs
Первый шаг здесь такой же, как и в предыдущем сервисе — загружаем картинку с компьютера или вставляем URL. Программа автоматически обрежет изображение и оставит только часть с текстом, при этом рабочую область можно выбрать и вручную.
Далее переходим в редактор изображения — здесь можно выполнить цветокоррекцию, изменить угол поворота или выбрать автоматическую коррекцию. Особенность сервиса — возможность выделить каждую букву отдельно, чтобы алгоритм проанализировал ее форму, но это усложняет работу в редакторе.
После окончания редактуры программа проведет анализ и выдаст результаты — в нашем примере исходник был выбран неудачно, поэтому сервис выдал случайные варианты шрифтов, только отдаленно похожие на оригинал. Баннеры бесплатной версии перегружают страницу и мешают работать.
Распознаем шрифт на логотипе и товаре через Matcherator
Для распознавания шрифта выполняем уже знакомый порядок действий — загружаем картинку или URL-адрес, сервис принимает и файл, и ссылку. Далее программа выделит все области с текстом, а пользователь может вручную выбрать нужный шрифт.
Для получения результата сервис попросит вручную проставить буквы в соответствии с теми, которые он смог определить на изображении, а также при необходимости убрать лишние знаки. После этого остается запустить сопоставление, и сервис выдаст результат.
По нашему запросу Matcherator выдал список похожих шрифтов на нескольких страницах.
Пример на товаре сделан в Fontspring Matcherator. Через него мы попробовали определить шрифт на крышке для фотоаппарата — загрузили изображение и выбрали нужную область с текстом.
Сервис предоставил более 30 вариантов шрифтов, среди которых мы нашли и оригинальный.
Что делать, если сервис не нашел шрифт
Когда сервис показал только похожие шрифты или ничего не нашел, поиск можно продолжить другим способом. Matcherator на сайтах Font Squirrel и Fontspring работает на одном движке, поэтому второй сервис лучше взять другой.
- Другой сервис из обзора. Загрузите ту же картинку в WhatTheFont или WhatFontIs.
- Photoshop Match Font. В справке Adobe описан порядок: выделите область с текстом инструментом Rectangular Marquee и выберите Type > Match Font.
- Форум WhatFontIs. Разместите на нем картинку: опытные дизайнеры нередко помогают в сложных случаях.
- Поиск по тегам Font Squirrel. Он пригодится, когда Matcherator не распознал скриптовый или слитный шрифт.
- Каталоги Google Fonts и Adobe Fonts. Подберите похожий шрифт вручную, а бесплатные варианты для сайта смотрите в подборке шрифтов.
- Менеджер шрифтов. FontBase — бесплатный менеджер шрифтов для Mac, Windows и Linux, в нем удобно собрать найденные варианты в одну коллекцию.
FAQ по определению шрифта по картинке
Можно ли использовать найденный шрифт в логотипе?
Это зависит от лицензии. По рекомендациям WhatFontIs, для коммерческого шрифта нужно приобрести подходящую лицензию, часто отдельную для логотипа. У бесплатного шрифта проверьте, разрешает ли лицензия коммерческое использование, например SIL Open Font License. Сделайте это до того, как шрифт попадет в логотип или фирменный стиль.
Как определить шрифт на сайте, а не на картинке?
У WhatFontIs есть расширение для Chrome, которое определяет шрифт прямо на веб-странице. Оно пригодится, когда нужный шрифт стоит на сайте: делать скриншот и загружать файл в сервис не нужно.
Есть ли приложение для определения шрифта на телефоне?
Да, WhatTheFont доступен для устройств на iOS и Android. Если нужно определить шрифт на ходу, загрузите в приложение снимок надписи и подготовьте кадр по тем же правилам, что и для обычного поиска: одна строка, четкие буквы, высокий контраст.
Коротко о главном
- Поиск шрифта по картинке дает результат, когда изображение подготовлено, а сервис подобран под задачу.
- Сервисы сравнивают формы букв с базой и показывают название или список похожих шрифтов.
- Перед поиском оставьте на изображении одну строку текста, добейтесь контраста и обрежьте лишнее.
- По картинке ищут WhatTheFont, WhatFontIs и Matcherator, который работает на одном движке на сайтах Font Squirrel и Fontspring, а по описанию ищет Identifont.
- Для русского текста проверяйте поддержку кириллицы в каталоге шрифтов.
- Если точного совпадения нет, попробуйте другой сервис или Photoshop Match Font, согласуйте близкий аналог и проверьте лицензию.
.png)
.png)
Комментарии
Комментариев пока нет. Будьте первым!
Оставить комментарий