Как найти такие картинки для шрифта

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

WhatTheFont

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

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

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

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

Мы будем расшифровывать довольно крупный шрифт, просто чтобы остальные сервисы тоже могли сработать на этой картинке. Картинка 960×640 пикселей.

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

У сервиса есть второе преимущество — в нем можно отыскать некоторые кириллические шрифты.

WhatFontIs

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

1. Заходим сюда https://www.whatfontis.com/
2. Загружаем картинку. Сервис предлагает мышкой разделить символы, что мы и делаем.Такой возможности больше нет ни в каком сервисе.
   
3. На следующим шаге мы еще вводим буквы с клавиатуры вручную, чтобы помочь распознавателю.
4. В результате шрифт найден. Называется он Vegan Style Personal Use.
   

Fonts Squirrel

В этом сервисе поиск идет по 4-м сайтам, но шрифтов все равно меньше, чем в предыдущем сервисе (WhatFontIs). Наш шрифт остался не распознанным.

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

FontSpring

FontSpring — всего лишь урезанная версия Fonts Squirrel — распознаватель у них общий, но Fonts Squirrel ищет помимо шрифтов с FontSpring, шрифты с еще 3-х сайтов. Так что никакого смысла пользоваться FontSpring нет, однозначно не рекомендую.

Fonts Ninja

Fonts Ninja — это расширение для браузера Google Chrome. Оно предназначено для идентификации шрифта текста с сайта — именно текста, а не картинки.

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

Расширение пригодно для определения шрифта текста на любом языке.

IdentiFont

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

• Есть ли засечки
• Выберите стиль хвостика буквы Q
• Выберите стиль вертикальной линии знака $
• Выберите стиль знака &
• Выберите, на каком уровне средняя точка буквы M
• Замкнута ли правая верхняя часть цифры 4
• Какова форма точки знака вопроса
• и так далее

Где распознать русский шрифт с картинки

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

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

Нужно выбрать буквы, которые одинаковы в русском и английском (например a, o, p, c, m, y, p, в, м, н, х) — распознать их как английский шрифт в том же сервисе WhatFontIs.
А затем по названию английского шрифта найти аналогичный русский шрифт.

Попробовать поискать на WhatTheFont

Там хоть и мало шрифтов, но все же есть немного кириллицы.

Спросить людей на сайте

Можно задать вопрос на сайте fontmassive.com/discuss — тут довольно живая дискуссия, обновления почти каждый час. Просто прикрепляете картинку и ждете ответа.

Сайты-коллекции русских шрифтов

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

Несколько таких сайтов есть в таблице выше в третьей снизу строке.

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

Как узнать шрифт по картинке

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

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

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

Лучшие сервисы для распознавания шрифта

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

En.likefont.com

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

1. Откройте сайт https://en.likefont.com/
2. Затем нажмите на кнопку «Upload Image»;
   
3. Выберите картинку с шрифтом;
4. Дождитесь сканирования.
   

WhatTheFont

Англоязычный сервис, являющийся одним из самых популярных в интернете.

1. Для начала необходимо пройти простую процедуру регистрации на сайте https://www.myfonts.com/WhatTheFont/.
2. Когда аккаунт уже есть, можно загружать файл и начинать распознавание шрифта в режиме онлайн.
3. В процессе поиска вам высветится изображение, вам нужно будет понять, верно ли сервис распознал буквы на изображении. Если да, тогда сайт продолжит поиск, если нет, вам нужно будет самостоятельно внести корректировки.
4. После удачного поиска, сервис предложит вам скачать на компьютер найденные шрифты.
   

IdentiFont

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

WhatFontIs

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

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

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

Читайте также: Генераторы подписей онлайн

Fontspring Matcherator

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

1. Перейти на официальный сайт https://www.fontspring.com/matcherator
2. Теперь кликните на «Upload image» для загрузки изображения.
   
3. Выделите шрифт на картинке, который нужно найти.
   
4. Чтобы совершить поиск, нажмите на кнопку «Matcherate It!».
   
5. Вы получите список с результатом.
   

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

Заключение

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

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

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

Бесплатные фотостоки

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

Просто брать из поиска Google бесплатные картинки, шрифты и иконки для сайта нельзя — точнее, можно, но только нажав вкладку Картинки — Инструменты — Права использования — Лицензии Creative Commons. Проще обратиться к бесплатным фотостокам.

Есть и другие — Pexels и Iso Republic, на которых есть и видеоклипы тоже, а также уникальный New Old Stock с коллекцией винтажных картинок для сайта бесплатно. Поиск у него находится вверху слева.

Бесплатные шрифты

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

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

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

Бесплатные иконки и символы

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

Ресурсы с бесплатными иконками для сайта тоже существуют. Искать их не нужно — мы уже все нашли.

Хотите узнать больше о разработке на Tilda и других зерокодинговых конструкторах веб-сайтов? Приглашаем на бесплатный двухдневный марафон по веб-разработке — понятно и подробно расскажем о том, как сделать проект без строчки кода!

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

Бесплатные цветовые палитры

У многих конструкторов сайтов и приложений, к которым относятся Webflow, Tilda, Bubble и Adalo, есть шаблоны оформления с фонами, бесплатными картинками, шрифтами и иконками для сайта. Они уже продуманы, сбалансированы и приятны глазу. Но если проект создается с нуля, с подбором верной цветовой палитры могут возникнуть проблемы — особенно для человека, который знаком с веб-дизайном посредственно.

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

Разработка — интересная часть зерокодинга, но как насчет кастомного дизайна? С этими инструментами и бесплатными ресурсами вы сможете создавать приложения с чистого листа и никогда не зададитесь вопросом, где брать нужное.