Как узнать какой шрифт на картинке: красивый онлайн определить найти поиск распознать надпись

0
71

kak-uznat-kakoy-shrift-na-kartinke-krasivyy-onlayn-opredelit-nayti-poisk-raspoznat-nadpisЕсли шрифт, который вы хотите определить размещен на изображении в интернете, достаточно сделать скриншот любой программой.

2. Если буквы у шрифта связаны, как здесь

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

4. Идем в этот сервис и загружаем картинку с шрифтом:

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

Еще один замечательный сервис распознавания шрифтов: What Font Is. Его отличие от предыдущего в том, что вовсе не обязательно загружать картинку на сайт. Достаточно указать ее адрес.

Остается только использовать его в своих целях. Удачного дизайна с определенным по картинке шрифтом .

Итак, шаг первый. Сохраняете изображение понравившегося Вам шрифта себе на компьютер.

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

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

Последний шаг. Жмем: результат!

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

Если же, вдруг, данный сервис не выдал вам результат, то можем предложить Вам еще одно решение. Оно может быть очень полезным для тех, кто часто сталкивается с проблемой определения шрифта по его изображению, и сэкономит вам время на поиски. Ставим специальный плагин в браузере Google Chrome. Устанавливаем. Данный плагин определяет шрифт за счет сканирования html кода веб страниц. Теперь, наводя курсор на шрифт, у вас будет всплывать окошко с подсказкой названием шрифта.

По запросу «Распознавание русского шрифта онлайн» ко мне все чаще и чаще заглядывают в последнее время.

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

Я уже как-то рассказывала про Онлайн инструменты для распознавания шрифта. К сожалению, буржуйские сервисы не умеют распознавать русские шрифты. И в действительности онлайн инструментов для распознавания русского шрифта пока не существует.

Для себя я нашла достаточно простой и вполне рабочий способ распознавания русских шрифтов.

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

Вот несколько таких сайтов с коллекциями русских шрифтов:

xfont.ru
fontov.net
fonts.by
fonts2u.com
nifa.ru

В большинстве случаев, найти идентичный шрифт не составляет особого труда. Хотя порой приходится постараться.

А вы думали, все так просто?

Еще вариант — использовать те же буржуйские сервисы WhatTheFont и WhatFontiS.com, про которые я рассказывала ранее. Берем с картинки только те буквы, которые есть и в латинице: о, т, у, р, в, м, н, у, х, а, с. И вводим их на латинице в указанных сервисах. Бывает, что таким образом можно найти нужный шрифт, а потом уже по его названию можно поискать такой же на кириллице.

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

 Вы загружаете (со своего компьютера или указав ссылку) картинку или логотип, на которых содержится текст, а сайт выдаёт список шрифтов. Для загрузки подходят файлы размером не более 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
Поиск по имени.

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

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

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

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

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

1. What font is

Это бесплатный сайт, который дает вам возможность проще всего определить, какой шрифт используется на странице. Когда вы находитесь на сайте, на котором вам понравился тот или иной шрифт, просто сделайте скриншот страницы таким образом, чтобы на изображении был текст. Однако скриншот по размеру не должен превышть 1.8мб, и достаточно, чтобы на нем была всего одна строка текста. Формат изображения должен быть jpeg/jpg, gif или png.

Далее скриншот загружается на Identify Fonts, и сайт отображает вам результат. Вы можете установить фильтр на отображение только бесплатных шрифтов, только платных шрифтов, либо и тех и тех. Перейти на What font is.

2. Identifont

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

3. WhatTheFont

WhatTheFont распознает шрифты по тому же принципу что и IdentifyFont. Мы можем загрузить изображение в формате GIF, JPEG, TIFF или BMP, и в нем должно быть не более 25 символов. Так как символы сканируются вебсайтом, нам нужно будет подтвердить правильные символы. Затем сайт анализирует каждый символ и находит шрифт. Перейти на WhatTheFont.

4. Font Trainer

Font Trainer поможет вам просматривать шрифты в различных стилях. Сервис выступает в качестве блиц-опроса для поиска шрифта. Вы можете потренироваться распознавать многие популярные шрифты и исключить необходимость вообще пользоваться такими сервисми. Более того, знание названий многих шрифтов поможет вам впечатлить ваших друзей-дизайнеров. Перейти на Font Trainer.

5. TypeNavigator

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

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

  • текст расположен чётко горизонтально;
  • высота букв не меньше 100 пикселей;
  • буквы не касаются друг друга;
  • общее количество символов — не больше 50.

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

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

What Font is

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

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

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

FontDetect

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

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

Identifont

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

Подобным образом работает поиск на Linotype, Bowfin Printworks, Fonts.com и Rentafont.

Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.

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

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

Потестив несколько таких сайтов, причем искал я один и тот же шрифт с картинки, я пришел к выводу, что самый удобный и эффективный сайт — это Whatfontis. Остальные сильно и часто ошибаются в своей выдаче. 

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

Открываете сервис.

Сначала определите каким способом вы хотите воспользоваться.

1. Нажав на кнопку Browse, выберите нужную картинку.

2. Укажите url-адрес к этой картинке, в случае, если она находится у вас не на компьютере, а где-то висит на просторах интернета

Затем кликаем на Continue.

Примечание

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

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

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

Еще ниже имеется три регулятора, влияющие на поисковую выдачу.

1. Display only free fonts or free alternative fonts. Галочка здесь означает, что поисковая выдача будет содержать только бесплатные аналоги.

2. Display only commercial fonts or commercial alternative fonts — здесь наоборот — только платные аналоги.

3. Display all fonts — отобразятся сразу все возможные шрифты.

Выбрав нужную галочку, жмите на Continue.

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

Я кстати поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я могу с легкостью нажать на «Click here to download the font», чтобы скачать шрифт который я определял по картинке.

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

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

Программы для распознавания шрифтов на изображении

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

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

Довольно простым приложением считается и программа Font Analyze. Не стоит вникать подробно в принципы ее функционирования, лучше разобрать лишь сам процесс. В данном случае пользователю понадобится просто загрузить картинку со шрифтом в поле анализатора, а затем активировать процедуру распознавания. Главная «фишка» состоит в том, что после получения результата сканирования, а также обработки его разрешается редактировать.

Интерес способна вызвать и программа Font Matching Tool. Ее желательно использовать вместе с программой Compare It!. Последнее приложение дает возможность выполнять сравнение исходного документа, а также результата с распознанными шрифтами.

Онлайн-сервис по распознаванию шрифта

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

• What The Font;
• Identifont;
• Bowfin Printworks;
• Type Navigator и прочие.

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

В начале, потребуется сделать скриншот с нужного изображения. Для этого следует воспользоваться клавишей «PrintScreen», расположенной в правой части клавиатуры. Затем, после ее нажатия, необходимо открыть любой графический редактор и вставить из буфера обмена изображение. В качестве самого простого редактора можно использовать MS Paint. Он запускается из меню «Пуск», где необходимо перейти в раздел «Стандартные программы». После того, как вы открыли окно редактора, нужно нажать сочетание клавиш CTRL+V, и тем самым вставить данные и буфера обмена. Затем, следует в любой папке сохранить изображение.

Процесс, как определить шрифт текста, можно значительно упростить, если вам известен точный адрес изображения. Для того чтобы узнать его и скопировать, нужно нажать на картинке правой кнопкой мыши. В появившемся окне следует выбрать пункт «Скопировать адрес изображения». Теперь, перейдя на страницу сервиса, потребуется нажать на кнопку: “Upload a file”. Сейчас вы можете выбрать необходимый файл на компьютере. Таким образом, изображение сможет загрузиться.

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

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

Зайдя на главную страницу программы “What The Font”, вы сможете узнать, как определить шрифт по картинке. Здесь вам нужно будет загрузить на данный ресурс необходимую вам картинку. Для этого, можно выбрать картинку с компьютера или скопировать в соответствующую строку ее URL. При загрузке картинок с текстом или логотипов, для того, чтобы текст лучше распознавался, нужно придерживаться следующих правил: – необходимо загружать файлы с разрешением не более чем 360 х 275 пикселей; – загружаемые изображения могут иметь такие форматы: JPEG, BMP, TIFF, GIF; – чем шрифт, на загружаемой картинке крупнее, тем система точнее и быстрее сможет его определить; – желательно загружать черно-белые фотографии, не смотря на то, что ресурс хорошо распознает и цветные изображения.

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

What The Font — один из самых известных ресурсов. Он помогает найти шрифт по загруженной в него картинке с текстом написанным данным шрифтом.
Иногда, конечно, получаются интересные результаты. Рассмотрим пошагово.
1. Вырезаете нужную картинку до размеров слова со шрифтом. Если она имеет фоновый шум или слабый контраст то, нужно еще немного под редактировать. Можно также указать ссылку на картинку (она должна быть соответствующая).

 
2. Далее, когда вы уже загрузили нужную картинку, проверьте правильность определения глиф (это образ знака, к примеру один знак может относиться к нескольким глифам: капительная «а», строчная «а», или строчная «а» с росчерком), и только после этого нажимайте Далее.
Если выдаётся слишком много вариантов шрифтов, то можно сократить этот список увеличив размер картинки (max: 360х275).
Иногда WhatTheFont не может определить ваш шрифт, то могут помочь следующие ресурсы:

identifont.com

linotype.com

bowfinprintworks.com

fonts.com

Если вы хотите определить шрифт на каком либо сайте то, можно выделить ту самую часть текста и просмотреть её код. Это можно сделать нажав правую клавишу мыши и пункт “Просмотреть код элемента”.

Пример как определить шрифт на сайте

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