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

alexsv.ru

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

Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке

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

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

• буквы не должны сливаться другом, иметь четкие контуры
• буквы должны быть выровнены по горизонтальной линии
• желательно, чтобы высота букв была около 100px

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

В качестве примера давайте определим шрифт в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.

Я сделал скриншот лого и загрузил картинку в таком виде:

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

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

На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!

К сожалению, WhatTheFont имеет несколько недостатков:

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

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

P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям ).

webtous.ru

Как определить шрифт по картинке и не только. Обзор лучших сервисов

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

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

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

Вот это надпись:

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

Первый сервис, с помощью которого мы будет определять шрифт —

1. WhatFontIs, адрес — http://www.whatfontis.com/

   Нажмите на кнопку “Browse” для выбора картинки с текстом. Далее вам предстоит выбрать один пункт и даух:

   • The background color is lighter than the characters color – означает, что цвет фона светлее цвета букв и символов,
   • The background color is dark, please invert colors – светлый текст на темном фоне.

     Теперь нажмите на кнопку “Continue” для продолжения.

     В новом окне вам предстоит идентифицировать буквы – введите каждую букву в соответствующую для нее поле.

     

     Снова кнопка “Continue” и перед нами список наиболее похожих шрифтов. Кстати, сервис правильно определил шрифт. Первый вариант – правильный.

     Оценка сервиса – 5 баллов.

2. What The Font, адрес http://www.myfonts.com/WhatTheFont/
   xdf

   

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

   После выбора картинки с текстом нажмите “Continue”. Приятно, что сервис частично сам идентифицирует символы и лишь сомнительные вам придется ввести вручную.

   

   Я добавила букву f, исправила S на i и дописала точку в свободное поле. Снова “Continue”.

   И этот сервис отлично справился с заданием, правильно угадав шрифт. Единственный недостаток сайта What The Font это меньшее количество шрифтов по сравнению с WhatFontIs.

   Оценка сервиса – 5 баллов.

3. Это были сервисы, которые определяют шрифт по картинке. Однако, есть сайты, где работает поиск шрифта по отдельным отличительным элементам.
   Identifont адрес http://www.identifont.com/index.html

   

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

   Примеры вопросов, на которые вам предстоит ответить:

   • есть ли у шрифта засечки,
   • название: просто введите название шрифта или его часть,
   • похожие шрифты – введите название похожих шрифтов, на тот который вы ищите,
   • дизайнер шрифта. Если известен дизайнер, или издетель шрифта, то вы можете включить его в поиск.

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

     Мне не удалось с помощью этого сервиса найти нужный шрифт. Тест на пройден.

4. Font Finder Firefox Add-On  — дополнения для Firefox, которое определяет какой шрифт используется на сайте. Просто выделите слово на сайте, и дополнение определит шрифт и стиль CSS.
   Ссылка на дополнение https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. Bowfin Print Works — http://www.bowfinprintworks.com/SerifGuide/serifsearch.php

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

   

   С помощью данного сервиса также не удалось определить шрифт.

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

vgrafike.ru

FontDetect

• Шаг 2 (Символы) — Ошибки при отмене кривых.
• Шаг 4 (Поиск) — В некоторых случаях вылетает при старте поиска.

ШАГ 2: Разбиение на отдельные символы (автоматически при переходе к этому Шагу)
и присвоение каждому символу соответствующих букв/цифр.

ШАГ 3: Указание папок со шрифтами, среди которых будет производится поиск.
Если нет необходимости добавлять/удалять папки, то этот Шаг можно пропускать.

ШАГ 4: Непосредственно поиск. Кнопка «Начать поиск» и список результатов.

Для примера поработаем вот с этим изображением (возьмем из запроса пользователей со страницы fontmassive.com/discuss):

В браузере жмём правой кнопкой мыши на изображении и выбираем «Копировать картинку».
В FD нажимаем кнопку в тулбаре, чтобы вставить.

Текст пока не подходит для поиска — выравниваем его с помощью   LinearText.

Затем инвертируем:

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

На изображении выше Контрастом удалось также добиться разделения символов «LA» (при Контрасте более 90 они слипались).
О разделении символов см. ниже.

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

Справа имеются две опции, которые рекомендуется оставить по умолчанию.
Галка «Отключать перечитывание автоматически» служит для того, чтобы отключить первую опцию «Перечитывать…» после первого прохода по папкам.
Если вы не изменяете содержимое папок во время работы FD, то здесь ничего переключать не нужно.

Некоторые опции доступны только по окончанию поиска.

По умолчанию в нижней части окна отображаются символы, введённые при назначении соответствий на Шаге 2. Чтобы ввести свой текст, выключите галку «Текст просмотра — строка поиска».

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

Для разделения используйте Стирательную резинку

Колесо мыши — изменение машстаба,
Shift + Колесо мыши либо  [   ]  — изменение размера курсора.

Теперь при переходе на Шаг 2 картина будет такая:

Правильно должно быть так (для примера также выделен символ d):

Сначала исправим наклон.
Выберите инструмент , проведите линию параллельно тексту, нажмите жёлтую кнопку Повернуть.

При работе с этими инструментами нет необходимости выделять область с текстом на Шаге 1.
Если уже есть выделение, то удалите: выделите всё и нажмите Удалить.

Описание кнопок

— Обычное выделение рамкой с плавающими кнопками Удалить и Объединить.

— Произвольное выделение символов.
Инструмент делает то же самое, что и выделение рамкой, но позволяет быстро выбрать только некоторые символы на картинке.
Удерживайте Shift, чтобы нарисовать несколько кривых.
Выделены будут все символы, которых коснётся нарисованная кривая.
Обратите внимание! Этот инструмент не объединяет фрагменты, а только выделяет.

— Объединение фрагментов в символ.
Работает только с теми фрагментами, которые были выделены предыдущим инструментом.
Удерживайте Shift, чтобы нарисовать несколько кривых.

— Комбинированый: Выделение + Объединение фрагментов символов.
Shift удерживать не нужно — пары всегда добавляются. См. ниже про удаление кривых.

— Разделение символов

— Удаление кривых по одной.
Щёлкайте по кривым, чтобы удалить их.

— Удаление сразу всех кривых соответствующего типа.

При включенной галке Life Update все изменения применяются на ходу в процессе рисования.

В версии 3.7 добавлен поворот и зеркальное отражение символов при их назначении:

Ещё примеры (в соотв. шрифтах есть такие аналоги):
W — M
И — N, Z
Л — V
П — U, C
Я — R
Ч — h
Г — L, 7

Чтобы поверуть — выберите один из полученных символов.
Функция также доступна на Шаге 4 (Поиск) до начала или после окончания поиска.

Также в версии 3.7 добавлена функция отмены на Шаге 2 при работе с кривыми для выделения символов.
Эта отмена действий не связана с отменой на Шаге 1. Т.е. в одном случае отменяются изменения кривых, в другом — манипуляции с изображением.

fontmassive.com

Распознавание шрифта по картинке

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

Распознавание шрифта: основные аспекты

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

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

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

Приложения для распознавания шрифтов на картинке

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

Прежде всего стоит отметить приложение CuneiForm. Это программа распознавания шрифтов, в том числе и кириллицы, которая позволяет не только определить, к какому именно языку относится текст даже с необычным шрифтом, а еще и сохранить первоначальную структуру всего документа. К примеру, если он был создан в каком-то компьютерном приложении, в нем присутствуют табличные данные (равно как и сама таблица), приложение сможет запросто определить такую структуру и сохранить ее при выводе результатов. То же самое касается и применяемого в документе форматирования.

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

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

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

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

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

Среди наиболее популярных и востребованных сервисов можно привести такие онлайн-системы, как What The Font, Identifont, Message Boards: Typophile, Bowfin Printworks, Type Navigator, Flickr Typeface Identification и многие другие.

Заключение

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

fb.ru

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

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

What font is

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

Распознавание шрифта может происходить по изображению загруженному с Вашего компьютера или через указанную ссылку на него. После выбора способа (стрелки 1,2), нажимаете на кнопку продолжить — Continue и начнется распознавание текста.

Далее перед Вами откроется список букв из картинки и внизу возможность написать что это за буква или там уже будет написана правильная буква. Когда все поля будут заполнены, внизу нужно опять нажать на кнопку — Continue.

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

Смотреть сайт What font is

WhatTheFont

Второй сервис — WhatTheFont. Он тоже бесплатный и ничуть не сложнее предыдущего. Здесь также нужно выбрать изображение, которое надо распознать и нажать на кнопку — Continue.

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

Смотреть сайт WhatTheFont

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

Надеюсь пригодятся данные сервисы и Вы с легкостью найдете нужный шрифт.

На этом все, спасибо за внимание. 🙂

gnatkovsky.com.ua

Распознавание шрифта по картинке

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

Распознавание шрифта: главные аспекты

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

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

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

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

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

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

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

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

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

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

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

bezwindowsa.ru