Как определить (найти) шрифт по картинке онлайн: рабочие способы и сервисы

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

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

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

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

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

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

2. Узнаем шрифт при помощи поиска исходника изображения через поисковики

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

В общем, план действий будет таков:

1. Скачайте картинку, исходник которой вы захотите найти;
2. Затем зайдите в Google или Яндекс картинки, и выполните поиск по картинке, нажав специальную кнопку.

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

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

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

3. Узнаем, какой шрифт используется на картинке при помощи форумов специализирующихся на типографике

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

1. MyFonts.com;
2. Typophile;
3. FontMassive.com;
4. Photoshop-master.ru;
5. Сообщество Typeface Identification на Flickr.

4. Поиск шрифта по картинке с помощью специализированных онлайн-сервисов

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

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

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

Принцип работы всех сервисов, которыми я с вами поделюсь, и процесс распознавания шрифта по фото с их помощью, осуществляется по единому шаблону, а именно:

1. Первым делом вам нужно будет посетить специализированный онлайн-ресурс;
2. Загрузить на него с компьютера картинку с искомым шрифтом, либо же, указать ссылку на эту картинку в сети;
3. На следующем этапе нужно будет выделить текст на картинке, шрифт которого вы хотите распознать и нажать кнопку для начала идентификации;
4. Далее, дожидаетесь завершения процедуры распознавания шрифта, после которой сайтом будут выданы результаты в виде визуально схожих шрифтов с их названиями, а некоторые сервисы даже позволят вам понравившейся шрифт скачать себе на компьютер.

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

• шрифт на изображении должен иметь четко горизонтальное расположение;
• сами буквы не должны сливаться друг с другом, т.е. между ними должен быть хоть и незначительный, но отступ;
• высота букв должна быть тоже достаточной (не менее 100 пикселей);
• в идеале текст на картинке должен быть написан черными буквами на белом фоне;
• длина текста не должна превышать 4-10 символов.

Если каким-то требованиям ваша картинка и искомый шрифт на ней будет не соответствовать, то с помощью того же Photoshop’a эти недочеты всегда можно подкорректировать.

Как узнать название шрифта по картинке — обзор лучших и реально рабочих бесплатных онлайн-сервисов для распознавания шрифта с картинки

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

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

Вот с этой картинки и будем пробовать распознать шрифт:Скажу сразу, что шрифт называется «Amatic».

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

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

1. Посетите сайт FontSquirrel.com и переместитесь в раздел «Font Identifier»;
2. Далее одним из двух возможных способов (нажав кнопку «Upload Image↑» для загрузки картинки с компьютера, или кликнув по ссылке «image URL» для указания ссылки на картинку в сети) осуществите загрузку картинки на ресурс, шрифт текста с которой вы хотите узнать;
   
3. На следующем этапе, специальной рамкой выделите текст на картинке, шрифт которого вам нужно будет распознать, и нажмите кнопку «Matcherate It!» для запуска процесса распознавания;
   
4. После этого буквально через секунд 30 (максимум минуту) сервис вам выдаст все найденные им совпадения шрифтов с их названиями и ссылками для бесплатного или платного скачивания.

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

Идем дальше…

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

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

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

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

1. Перво-наперво нужно посетить сам ресурс WhatTheFont и в самом его центре нажать по кликабельной ссылке «or click here to upload an image» для загрузки изображения, шрифт текста с которого вам нужно будет распознать:
2. Далее, выберите часть текста на изображении и нажмите голубую кнопку с изображением стрелки вперед для запуска процесса идентификации шрифта:
3. Буквально через несколько секунд сервис вам выдаст все схожие с искомым шрифтом варианты шрифтов, которые он нашел в своей базе.
   После чего, вам лишь останется найти тот шрифт, который визуально будет максимально похож на искомый.

Следующим в моем списке идет сайт Fontspring и его сервис для определения шрифтов по картинке онлайн «Font Matcherator».

В функциональном плане он является полным аналогом выше рассматриваемого сервиса Font Squirrel. Именно поэтому, на том, как с ним работать я не буду заострять внимание. Единственное чем он отличается, так это тем, что осуществляет поиск шрифтов по картинке по своей базе, в которую включены как я понял исключительно только платные варианты шрифтов, и делает это не совсем быстро (как правило, в течение нескольких минут). Но в любом случае, главное, что сервис справляется с поставленной задачей. Так что, думаю, для вас он станет незаменимым помощником.

Ну и, пожалуй, расскажу подробно о еще одном популярном и, на мой взгляд, очень функциональном сервисе, который именуется What Font Is. Данный сервис обладает просто огромнейшей базой шрифтов (она состоит из более чем 550 тыс. различных шрифтов, как коммерческих, т.е. платных, так и бесплатных) и благодаря искусственному интеллекту, который здесь применяется для определения шрифтов с картинок, практически всегда с его помощью удается найти максимально похожий на искомый вариант шрифта.

Ко всему прочему у него имеется еще пара классных особенностей, а именно:

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

Ну а сам процесс распознавания шрифтов на нем выглядит следующим образом:

1. Первым делом нужно посетить сам сайт сервиса Whatfontis.com, где на главной его странице при помощи специальной формы нужно будет выполнить загрузку изображения на сервис, шрифт с которого вам нужно будет отыскать.Загрузку изображения при этом будет иметься возможность выполнить двумя способами: загрузив его с компьютера, нажав кнопку «Browse» или попросту указав в специальное поле формы ссылку на него в сети.
2. Далее, при помощи специальной рамки нужно выделить текст на изображении и нажать кнопку «Crop Image & Reverse Colorse», которая позволит из цветного изображения сделать черно-белое. Для цветных изображений это делать нужно крайне обязательно, потому как в таком случае процедура идентификации шрифта пройдет намного эффективнее.
3. На следующем этапе, вам нужно будет проверить правильность распознавания букв, и если какие-то из них распознались не верно, то в специальные окошки, находящиеся под ними, нужно будет ввести правильные. Тут же у вас будет иметься возможность из выпадающего меню выбрать, среди каких шрифтов искать совпадения и естественно, какие выдавать в результатах. На выбор будет предложено несколько вариантов. Можно сделать так, чтобы поиск осуществлялся среди бесплатных и платных шрифтов одновременно, так и по отдельности.Как все сделаете, просто жмите кнопку «Continue» и в результатах выдачи найдите шрифт, которой похож на искомый.

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

Заключение

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

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