Определить шрифт по картинке онлайн

Определить шрифт по картинке онлайн

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

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

Остальные сервисы воспринимают только картинки большого размера с крупным шрифтом.

Итак, попробуем воспользоваться сервисом.

1. Переходим сюда https://www.myfonts.com/WhatTheFont/
2. Перетаскиваем из проводника картинку на открывшуюся область: Перетащили картинку, появилась рамка
3. Появляется рамка, она охватывается предлагаемую для распознавания область картинки, ее можно передвинуть и сузить либо расширить.
4. Жмем синюю кнопку и получаем набор предлагаемых вариантов (очень много, все платные).
5. Нужный шрифт не найден.Набор вариантов

What The Font?!

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

What The Font — известный ресурс, который поможет найти шрифт по загруженной картинке.

Могу сказать, что получаются довольно-таки неожиданные результаты.

Шаг 1: Загрузите картинку. Если картинка с фоновым шумом или с недостаточным контрастом, будь добры потратить несколько минут в Photoshop, что бы довести картинку до ума.

Шаг 2: После загрузки картинки, проверьте, что What The Font правильно определил глифы, и лишь после этого жмите «поиск».

Вкратце, ГЛИФ — это графический образ знака. Один знак может соответствовать нескольким глифам; строчная «а», капительная «а» и альтернативный вариант строчной «а» с росчерком являются одним и тем же знаком, но в то же время это три разных глифа (графемы).

С другой стороны, один глиф также может соответствовать комбинации нескольких знаков, например лигатура «ffi», являясь единой графемой, соответствует последовательности трех знаков: f, f и i. Т.о. для программы проверки орфографии слово suffix будет состоять из 6 знаков, а графический процессор выдаст на экран 4 глифа.

Сначала я загрузил эту картинку:

В результатах поиска, What The Font мне выдал 24 варианта. К чести What The Font могу сказать, что некоторые шрифты из списка были похожи на Adobe Garamond Pro.
Но я загрузил маленькую картинку.

Увеличив размер картинки (максимум 360 на 275 пикселей), список резко сократился:

Minion Regular Small Caps & Oldstyle Figures
Minion Regular
Adobe Garamond

Где, как вы видите, нашелся и правильный шрифт (хотя не совсем точно, между Adobe Garamond и Adobe Garamond Pro, все-таки разница, хоть и небольшая, но есть), если бы я увеличил размер картинки еще больше, то идентификация прошла бы успешно, но мне уже было лень проверять.

Если же What The Font не смог определить шрифт, то Вам в помощь его форум, местожительство шрифтовых гурманов, где вам обязательно помогут с поиском.

Текстовые инструменты

Сервис под названием Identifont использует другой интересный подход к решению задачи. Вместо загрузки изображений здесь вам предлагается ответить на несколько наводящих вопросов по искомому шрифту: наличие засечек, формат букв «J», «Q» и символа «$» и др.

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

Сайт Bowfint Printworks пригодится, если вы пытаетесь узнать шрифт онлайн с засечками из семейства Serif. Здесь задается ряд вопросов по форме глифов для некоторых элементов шрифта (см. скриншот выше). Этот ресурс по специфике похож на предыдущий, но в работе он быстрее, т.к. все задания сразу отображаются на одной странице без переходов. Если у вас что-то не получилось, можете написать автору проекта на почту. Здесь также содержатся руководства Script, Bauhaus-style, Sans Serif и Serif, и Lined.

Форумы и опросники

Этот не автоматизированный подход, но он иногда хорошо работает. Чтобы определить тот или иной шрифт, попросите помощи у специалистов из данной ниши. Местом их обитания могут быть как специализированные форумы, так и просто “ответвления” на популярных веб-сервисах.

• Раздел Typeface Identification на Quora – одном из крупнейших порталов по вопросов-ответов (он там, судя по всему, далеко не один). (Flickr Typeface Identification) на популярном фотохостинге Flickr – аналогично нужно добавить любую картинку и ожидать подсказки от пользователей. Обновления были недавно, значит группа активна. – сообщество экспертов, где вы можете загрузить свое изображение для получения “помощи из зала”.

Веб-порталы для распознания шрифтов

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

Как работает идентификация шрифта:

• Текстовый. Предлагает описать шрифт, а сервис выдаст наиболее подходящие под него варианты.
• Автоматический. Происходит распознание шрифта с картинки.

Myfonts.com

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

• текст должен быть размещен горизонтально;
• на картинке должно находиться не более 50 букв (не наложенные друг на друга и в высоту от 100 пиксеей;
• максимальный размер изображения – 400,000 точек.

Средство распознания расположено здесь . Кликаем на клавишу «Обзор», указываем путь к картинке и нажимаем «Продолжить» (Continue). Ниже отображаются подсказки в отношении того, правильно ли выставлена рамка. Запускаем сканирование и ждем результат. Немного удобнее способ – перетянуть картинку в рабочую область, она автоматически загрузится на сервер. Сейчас сайт работает только с двумя самыми популярными форматами: jpg, png.

Fontspring.com

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

Что нужно сделать:

1. Открываем сайт .
2. Жмем на опцию «Upload the image» для загрузки картинки с компьютера или выбираем «image URL» и указываем ссылку на изображение.
3. При помощи рамки указываем область сканирования и жмем на кнопку «Matcherate it».

Identifont.com – текстовый сканер

Сайт Identifont.com позволяет определить подходящий шрифт, используя тактику текстового опроса. Читатель отвечает на базовые вопросы, описывая таким образом начертание и получает ответ. Проблема в том, что для поиска используется английский язык, это не всегда удобно.

Какую информацию нужно указать:

• вид символов (appearance);
• название (name);
• подобные черты с другими шрифтами (similarity);
• поиск по картинке или некоторым символам (picture);
• указать имя дизайнера (designer/publisher).

Whatfontis.com

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

1. Переходим на сайт com .
2. Кликаем по клавише «Browse».
3. Выбираем картинку и нажимаем «Загрузить».
4. Если слова написаны на темном фоне, активируем опцию «Background color is darker».
5. Жмем на «Continue» и устанавливаем рамку.
6. Кликаем по «Use image» и завершаем предварительную настройку.
7. Наслаждаемся результатом.

Rentafont.com

Портал rentafont.com слегка отличается от конкурентов, при чем в положительную сторону. Все дело в том, что в поиске можем выбрать массу дополнительных критериев. В том числе типы начертаний по категориям, форме, дизайну и т. п. Уже сейчас база сайта включает свыше 2,5 тысяч шрифтов, в том числе кириллицы, поэтому подбор работает практически всегда. Один из лучших решений для Photoshop.

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

Font Candy

Работа с текстом – настоящее искусство, но приложение Font Candy для iPhone значительно упрощает его. В этом ему помогают почти 50 художественных шрифтов. Приложение позволяет применять фильтры для фотографий и надписей. Мощные инструменты для редактирования текста дают возможность добавлять тени, корректировать непрозрачность, наклонять буквы. Font Candy также имеет функции обрезки фотографий и анимации.

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

WhatTheFont

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

1. Загрузите изображение шрифта и нажмите кнопку Сontinue. Требования к картинке здесь те же, что и на WhatFontIs, но размер файла допускается до 2 мб.
2. Этот сервис и определит, и сам пропишет нужные буквы. Вам останется лишь проследить за тем, чтобы он сделал это правильно. Снова кликните по Сontinue.
3. Вот так выглядят результаты поиска:
4. Удобство WhatTheFont в том, что здесь можно сразу приобрести найденный шрифт. Однако цены тут кусаются, так что попробуйте отыскать нужный шрифт (условно-бесплатный) в нашем каталоге – https://office-guru.ru/fonts.

Fontspring

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

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

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

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

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

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

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

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

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

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

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