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


30.10.2020 Facebook Twitter LinkedIn Google+ Советы художника


Содержание

Как определить шрифт? Как узнать название шрифта по картинке?

Совет 1: увеличить размер файла

Чем меньше картинка, тем меньше шансов на успех:

Ищем… и фигушки 🙁

Увеличим размер файла в несколько раз:

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

Ищем… и находим!

Совет 2: раздвинуть буквы

Иногда в слове есть лигатура (две или более букв написанные одним символом) или просто буквы слишком близко друг к другу. С такой историей шансы узнать название шрифта стремятся к нулю:

Ищем… и фигушки 🙁

Попробуем немного раздвинуть буквы:

И сразу же узнаем название:

Ищем… и находим!

Совет 3: больше контраста

Темный текст на белом фоне определить намного проще, чем светло-серый на белом или голубой на синем, к примеру.

Ищем… и фигушки 🙁

Усилим контраст:

И сразу определим название:

Ищем… и находим!

Про кириллицу

С латиницей, как правило, никаких проблем. А вот с кириллицей не так все радужно — сервис-то «забугорный». Можно попробовать указать символы, которые совпадают в двух языках: A, O, E, H, M, T и другие. Иногда это срабатывает.

WhatFont

Для пользующихся Хромом советую расширение «WhatFont». По картинке название с его помощью не узнать, а вот название, размер, интерлиньяж и цвет в верстке — запросто. Не нужно лазить в стилях инспектора:

alexeybychkov.com

Как определить шрифт по картинке: все имеющиеся варианты

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


СОДЕРЖАНИЕ СТАТЬИ:

Специализированные ресурсы

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

What font is

Этот спецресурс предлагает свои услуги на бесплатной основе, функционирует довольно оперативно, но может работать лишь с латинским написанием. Распознавание кириллицы ему не удается. Алгоритм действий будет такой:

  • во-первых, переходите на стартовую страничку сервиса;
  • во-вторых, загружаете картинку, кликнув по кнопочке Upload image containing the font, можно еще вставить ссылку на нее в интернете;

  • в-третьих, жмете «Find a font»;
  • в-четвертых, выбираете, начать распознавание без изменений или допустимое изменение цвета, устанавливаете конкретную область;

  • выбираете дополнительные параметры фото (уровень яркости, угол поворота, контраст), так сервису легче буде определить шрифт и тапаете «Use image»;

  • расставляете буквы в нужных местах, повышая вероятность распознавания, жмете Continue;

  • наконец, выбираете необходимый вариант из перечня на мониторе.

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

Картинка должна быть не более 1,8 МБ, формат допустим JPEG, ГИФ или PNG. Еще один совет – распознавайте 1 строчку за раз, если требуется определить несколько шрифтов, стоит выделить отдельный элемент.


WhatTheFont

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

  • открываете страничку и загружаете изображение с текстом;

  • выбираете поле, где расположился текст, жмете стрелочку;

  • получаете результаты поиска, где найдете то, что нужно.

Для успешного распознавания необходимо соблюдать такие условия: размер картинки около 360 х 275 пикселей, расширение – PNG, либо JPG, высота буквы не менее 100 пикселей. 


 Identifont

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

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


Bowfin Printworks

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

Есть подробное руководство по самым популярным образцам написания. Помимо этого, можете задавать вопросы создателю сайта. Вот только с кириллицей сервис, скорее всего, не справится.


TypeNavigator

У этой площадки свой подход к поиску интересующего вас написания букв. Искать соответствующий вариант можно по разным характеристикам и описаниям символов (тип, ширина, углы и прочее). Благодаря ресурсу, вы постепенно сокращаете поисковые выдачи и приходите к положительному результату.

Основные достоинства сервиса – объемная база данных и функция, позволяющая определять символы даже на не очень четком изображении.  Недостаток – низкая скорость определения (может занимать около 30 минут).


Софт для мобильных девайсов

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

 

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


Браузерные плагины

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

Данный плагин функционирует в браузере Гугл Хром, но можете попробовать инсталлировать его и на другие обозреватели.

Стоит рассказать также о Fontface Ninja для Хрома, Firefox и Сафари, Typesample для Google.  Имеются свои расширения и у известных ресурсов, так создатели WhatTheFont выпустили дополнение Whatfont Tool.


Специальные группы

Если вы попробовали все вышеперечисленные варианты, но у вас ничего не получилось, можно попросить помощи других дизайнеров или разработчиков красивых и интересных символов.  Для этого есть специальные форумы, сообщества: Type&Typography на Фэйсбуке; форум MyFonts; Typophile – большое сообщество, Fonts in Use и прочие.

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

 

Это может быть так же интересным:

life-v.ru

Как узнать шрифт по картинке. Способы определения шрифта

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



1

Узнать шрифт по картинке через What The Font

Наиболее популярный сервис по определению шрифтов – продукт крупнейшего поставщика последних – MyFonts.com. Все, что вам нужно сделать – загрузить на сайт скриншот или картинку с нужным шрифтом или вставить ссылку на нее в соответствующую строку. В ответ система предоставит несколько вариантов шрифтов, наиболее сходных с вашим. Если ни один из них вам не нравится, можно спросить ответ на форуме сайта (Font Forum).

Более детально об этом способе определения шрифтов смотрите на видео, размещенном под статьей.



2

Узнать шрифт по картинке через WhatFontIs

Этот ресурс простой, и при этом бесплатный способ узнать, как называется понравившийся вам шрифт. Для этого сделайте скриншот страницы, где вы его увидели, обязательно захватив часть текста. Можно даже взять только одну строку. Однако обратите внимание, что формат скрина должен быть png, jpeg, gif или jpg, а “вес” – не больше 1,8 Мб. Здесь же можно отфильтровать варианты – отображение только платных фильтров или только бесплатного контента.

3

Узнать шрифт по картинке через Identifont

На этом сайте система определения немного другая – вам нужно будет ответить на наводящие вопросы относительно характеристик нужного вам шрифта. Это будут особенности написания отдельных букв, цифр (наличие/отсутствие хвостиков, слитное/раздельное написание и т.д.) с примерами. Вам нужно будет только выбрать соответствующий. Загружать здесь картинку не нужно, однако искомый вами шрифт должен быть у вас на виду. Также учитывая объемы «опроса» сервиса, лучше скопировать (или отсканировать) часть текста побольше – с цифрами, разделительными знаками и большим «ассортиментом» букв.

4

Узнать шрифт по картинке через Bowfin Printworks

По системе определения шрифта Bowfin Printworks во многом схож с предыдущим сервисом Identifon. То есть вам нужно будет выбрать наиболее подходящий стиль написания букв в вашем шрифте. Однако здесь процесс пойдет быстрее, поскольку все задаваемые вопросы размещены на одной странице.

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

Для распознавания понравившегося шрифта можно использовать не только онлайн сервисы. Ответ можно спросить на форумах, которые есть на многих сайтах о шрифтах, фотохостингах. Также можно поискать название шрифта в списках наиболее популярных шрифтов на соответствующих сервисах (Modern Life Blog, Just Creative Design, Smashing Magazine).

sovetclub.ru

Определить шрифт на картинке онлайн: пошаговая инструкция

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

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

Улучшение качество картинки

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

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

Сначала измените изображение из цветного в оттенки серого. Зайдите во вкладку Изображение и выберите пункт «В оттенки серого».

Теперь увеличим контрастность. Перейдите по пути Изображение – Коррекция цветов. Переместите ползунок «Контрастность» вправо до упора.

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

Используйте ластик (Произвольное стирание), чтобы сделать интервалы. Если шрифт мелкий можно увеличить картинку, так и толщину ластика.

Когда все сделаете, сохраните улучшенную картинку. Перейдите в закладку Файл, выберите Сохранить как.

Определение шрифтов

Теперь загрузите сохраненное изображение в сервис, который может определить шрифт онлайн. Используем What Font is.

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

Нажмите «Continue» и все готово. Отобразится список с приближенными вариантами. По этим образцам можно точно определить название.

А как бы выглядели результаты без «переделки»? Очень плохо. WhatFontIs почти не определил буквы.

Другие онлайн-сервисы

Font Matcherator

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

WhatTheFont

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

Identifont

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

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

Представленный набор сервисов должен помочь точно определить интересующий вас шрифт.

Как распознать шрифт на сайте?

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

Fontface Ninja

Самым удобным инструментом считается расширение Fontface Ninja. Плагин доступен для браузеров Firefox, Chrome и Safari. После нажатия на иконку программы, достаточно навести на выбранный текст, чтобы получить информацию об указанном шрифте.

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

WhatFont

Доступен в виде кнопки на панели закладок или как расширение для Chrome или Safari. Плагин может определить не только названия шрифта, но и окраску, межстрочный интервал и принадлежность к онлайн хранилищу (typekit, google web fonts).

instcomputer.ru

Как определить шрифт с картинки

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

Требования к картинкам —
1) Шрифт должен располагаться строго горизонтально
2) Буквы не должны быть связаны.
3) Высота желательно в пределах 100px

Ниже я приведу пример

Попробуем распознать шрифт с сайта galantine.com.

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

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

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

Проверив ряд вариантов, я определил мой шрифт — Polonaise URW D Bold.

В конечном счёте, немного подредактировав и раскрасив наше слово, получим нужный результат

Naikom » Будет полезно » Полезное

naikom.ru

Как определить шрифт (распознать гарнитуру) по картинке

Постоянно натыкаюсь на мессаги типа «Что это за шрифт?», «Помогите найти гарнитуру» и т.п. Проблема очень распространенная, т.к. айчынным дизайнерам частенько приходится отрисовывать «логотипы» и прочие надписи с jpeg-картинок, гифок или вообще с бумажных визиток 🙂 

И хотя все более-менее толковые люди знают про сервис What the Font («Чё за шрифт?», название кстати классное, намекает на «What the fuck?!»), даже они часто не находят там нужную гарнитуру. Между тем, примерно в 80 % случаев это делается на ура, если пользоваться сервисом умеючи. Ща расскажу, в чем фишка)

Пример возьмем реальный, из вопроса заданного сегодня в группе рекламщиков в ВК. 
Только тру, только хардкор 🙂 5—7 минут на ответ, поехали.

Готовим «образцовую» надпись


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

Первым делом чистим фон. Нужен максимальный контраст — больше шансов найти нужную гарнитуру. Тем более, что в данном случае фотошоп делает это это в два клика. «Выделить» -> «Цветовой диапазон» (черный цвет, чувствительность 50—100). Выделили. Нажали Ctrl+J, получили чистый слой с текстом. Нижнюю часть надписи удаляем, чтобы не мешала (все ключевые символы есть и в верхней). Мусорный исходный слой убиваем, кидаем текст на белый фон.
 
Надпись явно наклонена вверх. Это плохо. Пытаемся восстановить: Ctrl+T, правый клик, «наклон», тащим мышкой правый край вниз. Получаем нечто типа:
Уже нормально. В принципе, можно было бы искать и так. Но для наглядности примера мы еще немножко пошаманим.

Выбираем самые характерные символы


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

В нашем случае я выбрал буквы «A», «B», «R», т.к. мне они показались наиболее необычными. Заодно увеличил расстояние между ними, чтобы сервису было проще читать 🙂 

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

Распознаем картинку, определяем гарнитуру


Идём на сайт сервиса и заливаем нашу картинку с текстом. Система пытается распознать символы и выдает гипотезы о том, что за буква на картинке. В моем случае «B» определилось как «D», поэтому пришлось подкорректировать. Именно для этого предусмотрены поля внизу.

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

 

Определяем шрифт


Прежде чем хлопать в ладошки, нужно убедиться, что гарнитура действительно адекватна, а не просто приблизительно похожа. В данном случае, например, второй вариант палит буква «R», а третий очевидно отличается… А первый вроде бы подходит, но мы-то пока видим только три символа и, к тому же, в жирном начертании (bold). Может найтись и что-то более подходящее — нужно уточнить… Берем название гарнитуры и ищем по сайту:

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

 
Итак, что мы имеем в итоге… Несколько шрифтов из нашей гарнитуры «Pacific» плюс случайно-залетное совпадение «Pacific Clipper». На первый взгляд, всё похоже. Но стоит только приглядеться внимательнее, как находится масса нюансов: на вкус и цвет все пацифики разные 🙂 У «Standard» толстый горизонтальный штрих. У «Classic» всё бы хорошо, но — ап! — буква «C» спалилась, не те хвосты 🙂 «Serif» тоже не годится, понятно дело: это шрифт с засечками, а у нас в исходнике — без. 

 

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

P.S. Несмотря на длину поста, процесс поиска занимает от силы 5 минут.

Постпостскриптум о кириллице


Сервис, естественно, лучше работает с латиницей. С кириллическими надписями варианты следующие:
  • выбрать «универсальные» символы и поискать по ним, т.к. львиная доля кириллических шрифтов, особенно хреновых, представляет собой копию латиницы с «дорисованными хвостиками». Это «A, M, H, T» и т.п. Только при распознании лучше указывать символы латинской раскладки.
  • если не нашлось, пойти на сайт Паратайпа и поискать там 🙂 Нормальных кириллических гарнитур, не имеющих латинских аналогов, совсем немного, так что при желании можно научиться на глаз распознавать 🙂
  • если ничего не помогло, либо забить, либо попытаться сначала классифицировать шрифт: определить тип, стиль, начертание и искать по каталогам с соответствующей рубрикацией)

norske.bloger.by

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

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

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

поможет решить данную проблему достаточно простым и оригинальным способом. Вы загружаете (со своего компьютера или указав ссылку) картинку или логотип, на которых содержится текст, а сайт выдаёт список шрифтов. Для загрузки подходят файлы размером не более 360 x 275 пикселей и следующих форматов: GIF, JPEG, TIFF, BMP. Иногда может потребоваться ввести соответствующие символы, изображенные на картинке, поскольку система не всегда способна сама их точно опознать.

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

После загрузки изображения анализатор распознает символы.

Если определить шрифт все таки не получилось, можно отправить изображение на , где вам всегда помогут.

Есть один недостаток — нет поддержки кириллических шрифтов.

Есть еще один замечательный онлайн сервис по распознанию шрифтов — (What Font is)

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

На сервисе Whatfontis есть 3 пути узнать что за шрифт:

Путь 1

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

По окончанию в самом конце страницы, будет три варианта поиска:

  • Display only free fonts or free alternative fonts
    (Отобразить только бесплатные шрифты или альтернативные бесплатные)
  • Display only commercial fonts or commercial alternative fonts
    (Отобразить только платные шрифты или альтернативные коммерческие)
  • Display all fonts
    (Отобразить все шрифты)

…и далее, нажимаем кнопку Continue. Получаем список шрифтов со ссылками и названиями, а так же рядом исходное изображение.

Путь 2
Можно не загружать свою картинку содержащую текст с искомым шрифтом, а указать веб адрес картинки со шрифтом.

Путь 3
Поиск по имени.

Можно ввести название шрифта и искать его аналоги.

Источник: webtun.com

P.S. Если вы дизайнер, фотограф или просто деловой человек, то вам, несомненно, понадобятся визитки. Компаний, которые изготавливают визитки в Минске, сегодня очень много. Очень важно, чтобы ваши визитки были неповторимыми и, конечно же, качественными.

rpilot62.ru

Comments