Чи можна визначити шрифт на фотографії. Пошук шрифту по картинці: надзвичайно прості способи від сервісів до додатків

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

Специфіка мережевих ресурсів для ідентифікації шрифтів

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

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

Сам процес розпізнавання по фото здійснюється двома основними способами:

• Автоматичний – ви завантажуєте картинку зі шрифтом на сайт (або вказуєте лінк на таке зображення в мережі). Позначаєте на малюнку текст для розпізнавання, тиснете на кнопку запуску ідентифікації, і отримуєте варіанти знайдених базі збігів;
• Текстовий – ви відповідаєте на запитання сайту про шрифт у текстовому режимі, а потім отримуєте результат.

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

Сервіс myfonts.com – потужний інструмент для розпізнавання шрифту

Сайт myfonts.com може похвалитися не тільки стандартним для таких ресурсів функціоналом, але й наявністю форуму, де вам можуть допомогти у визначенні потрібного шрифту місцеві ентузіасти. Для досягнення ідеального розпізнавання ресурс вимагає максимально горизонтального розміщення тексту, літери повинні мати близько 100 пікселів висоти і не торкатися одна одної. Кількість букв на картинці має бути не більше 50, а максимальний розмірзображення – 400,000 пікселів (ширина та висота).

Щоб розпізнати шрифт, виконайте такі дії:

Fontspring.com — пошук потрібних шрифтів онлайн

Другий інструмент, про який я хочу розповісти, – це fontspring.com. Його можливості мають схожим з іншими ресурсами цього плану функціоналом та вимогами.

1. Для роботи з сайтом перейдіть на fontspring.com.
2. Тут натисніть кнопку "Upload the image" для завантаження картинки зі шрифтом на сайт, або на "image URL" для приведення лінка на потрібну сторінку зі шрифтом у мережі.
3. Після завантаження вашого зображення за допомогою рамки вкажіть потрібні символи тексту для ідентифікації та натисніть кнопку «Matcherate It!». Буде проведено процедуру розпізнавання шрифту, а потім ви зможете переглянути список знайдених збігів.

Identifont.com — текстовий пошук шрифтів

Сервіс identifont.com використовує текстовий спосіб пізнання шрифту онлайн. При переході на сайт вам запропонують відповісти (на вибір) на низку навідних питань щодо:

• зовнішнього вигляду шрифту (appearance);
• його імені чи частини імені (name);
• схожість з іншими шрифтами (similarity);
• окрему картинку або символ, що міститься в шрифті (picture);
• видавцеві чи публікатору шрифту (designer/publisher).

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

Whatfontis.com — сервіс для впізнання букв на зображенні

Whatfontis.com - популярний в Рунеті ресурс, який досить часто потрапляє в різні огляди. Його популярність обумовлена ​​як добротним механізмом пошуків та ідентифікації шрифту, так і наявним на даному сайті форумом, відвідувачі якого також здатні допомогти в пошуку шуканого прототипу.

Робота з ресурсом не відрізняється від інших відповідних сервісів:

Rentafont.com - знайде шрифт з безлічі альтернатив

Сервіс rentafont.com примітний тим, що дає можливість шукати потрібний шрифт за багатьма наявними параметрами, включаючи пошук асоціації. Ви можете шукати шрифт з його історії, цілей дизайну, форми літер та інших параметрів. Всього на ресурсі представлено більше 2, 5 тисяч шрифтів, включаючи кирилиці, тому якщо ви виявите терпіння, то, можливо, знайдіть потрібний вам шрифт.

Висновок

У цій статті були викладені основні популярні в мережі інструменти, що дозволяють швидко знайти та впізнати потрібний користувачеві шрифт на картинці. Їх недоліком є ​​робота переважно зі шрифтами, що використовують латинські символи, а робота з кирилицею у даних ресурсів дещо утруднена. У разі кириличних шрифтів рекомендую також звертатися на форуми місцевих ентузіастів (рівня photoshop-master.ru/forum), де вам допоможуть знаходження шуканого графічного прототипу.

Тут ми зібрали самі зручні сервісита програми для ідентифікації шрифтів. Збережіть цю статтю в закладки і ви з легкістю зможете дізнатися назву будь-якого шрифту!

Дизайнери часто стикаються з необхідністю дізнатися, яким шрифтом написано той чи інший текст. Перебір усієї наявної колекції шрифтів у пошуках збігу - далеко не найзручніший спосіб. Крім того, потрібного шрифту може просто не виявитися. Звісно, ​​можна звернутися за допомогою на тематичні форуми, де інші дизайнери зможуть підказати назву шрифту. Тільки ось чекати на відповідь доведеться тижнями. А якщо чекати ніколи? Що ж тоді робити?

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

Online-сервіси

WhatTheFont

WhatTheFont - об'єктивно найкращий сервісдля ідентифікації шрифтів на картинках. Просто завантажуєте картинку з прикладом шрифту, вказуєте, чи правильно розпізнав сервіс літери, і тиснете на велику зелену кнопку. Вам видається кілька найбільш схожих за зображенням шрифтів, серед яких можна знайти 100% збіг. Якщо визначити шрифт таки не вдалося, то вам запропонують поставити запитання на спеціалізованому форумі на цьому ж сайті. Сервіс зручний ще й тим, що знайдений шрифт можна відразу купити.

Для тих, хто шукає шрифти постійно та в будь-яких умовах, є мобільний додатокдля iPhone та Android. Можна просто сфотографувати шрифт і відразу дізнатися його назву. Дуже зручно!

IdentiFont

На цьому сервісі можна шукати шрифт, якщо у вас немає його зображення, але ви пам'ятаєте, як він виглядає, і зможете вказати його характеристики, відповідаючи на низку питань. Не сказати, що це найзручніший спосіб, але якщо іншого варіанта немає – цілком можна знайти те, що потрібно! Автори сервісу пропонують різні варіанти пошуку шрифтів: за назвою (частковою), за шрифтовими сім'ями, за символами і навіть дизайнерами, які їх розробляли.

Whatfontis

What Font is - онлайн-сервіс ідентифікації шрифту на картинки. Багато в чому схожий на WhatTheFont, але варто додати до закладок, про всяк випадок.

Програми та розширення для браузерів

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

FontFaceNinja

Безперечний лідер на Наразі. FontFaceNinja дає можливість не тільки дізнатися назву будь-якого шрифту на сайті (не картинки), але й спробувати його написання тут же на сайті, а також (увага) скачати шрифт, що сподобався! Звичайно, автори попереджають, що шрифти завантажуються виключно для ознайомлення.

Крім краси та зручності цього розширення є ще один приємний момент. У FontFaceNinja є чарівна кнопка (маска), яка приховує всю рекламу зі сторінки, дозволяючи насолоджуватися виключно шрифтами. Завантажити розширення можна безкоштовно. Працює з Chrome та Safari.

Whatfont tool

Розширення для Chrome та Safari, яке допоможе дізнатися назви шрифтів у браузері. Показує докладну довідкову інформацію щодо шрифту, що цікавить, включаючи шрифтову сім'ю, розмір і висоту рядка.

Fount

Відмінний плагін для ідентифікації шрифтів на веб-сайтах. Щоб все запрацювало, сайт потрібно додати до закладок та натиснути на нього. Курсор набуде форми хрестика і при натисканні на шрифт з'являтиметься віконце з його назвою, розміром у пікселах, вагою та стилем. Щоб вимкнути – натискаємо ще раз. Працює з браузерами Safari, Chrome, Firefox, та IE8+.

Апгрейд особистих навичок розпізнавання шрифтів

Кожному хочеться бути крутим дизайнером, який знає не тільки всі шрифти, що існують за назвами та сім'ями, але ще може перерахувати розробників і розповісти історії створення. Звичайно, такі навички – це безперечний талант. Але трохи покращити свої знання цілком реально. Ось кілька ігор та інструментів, які допоможуть вам у цьому.

Font Trainer

Онлайн-гра-тест: встановлюєте параметри і вгадуєте де якийсь шрифт. Можна встановити як латиницю, так і кирилицю.

The Font Game HD

Ця програма в буквальному сенсі граючи допоможе вивчити назви та зображення шрифтів. Є різні режими гри, цікаві завдання та статистика ваших досягнень. З мінусів варто відзначити, що додаток платний і тільки AppStore.

Простий та красивий тест, про який ми окремо писали у блозі. Чи зможете ви визначити 10 найпопулярніших шрифтів? Випробуйте себе. Результати можуть виявитися несподіваними!

Напишіть нам, якщо ви знаєте якісь зручні сервіси або програми для ідентифікації шрифтів. Будемо раді вашим коментарям! І поділіться посиланням на цю статтю із друзями. Нехай їхнє життя теж стане трохи простіше 🙂

Будь-який дизайнер стикається з проблемою вибору відповідного шрифту. Іноді необхідно знайти шрифт на картинці, визначити шрифт за зразком. Особливо це актуально для веб-розробників при виборі шрифтів для майбутнього сайту. У цьому випадку на допомогу приходять спеціальні послуги, про які буде докладно розказано в цій статті.

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

Ви можете разом зі мною пройтися сервісами, а для тестування використовувати мою картинку. Можливо, ви прийдете до інших висновків.

Ось цей напис:

Перший сервіс, за допомогою якого ми будемо визначати шрифт –

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

The background color is lighter than the characters color – означає, що колір фону світліший за колір літер та символів,
The background color is dark, please invert colors – світлий текст на темному тлі.

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

У новому вікні вам потрібно ідентифікувати літери – введіть кожну літеру у відповідне для неї поле.

Знову кнопка “Continue” та перед нами список найбільш схожих шрифтів. До речі, сервіс правильно визначив шрифт. Перший варіант – правильний.

Оцінка сервісу – 5 балів.

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

Після вибору зображення з текстом натисніть “Continue”. Приємно, що сервіс частково сам ідентифікує символи і лише сумнівні доведеться ввести вручну.

І цей сервіс чудово впорався із завданням, правильно вгадавши шрифт. Єдиний недолік сайту What The Font – це менша кількість шрифтів у порівнянні з WhatFontIs.

Оцінка сервісу – 5 балів.

Це були послуги, які визначають шрифт по картинці. Однак, є сайти, де працює пошук шрифту за окремими відмітними елементами.

Якщо ви знаєте точно, як виглядає шрифт, якщо у вас є зразки букв, то ви можете виконати невеликий тест з зовнішньому виглядушрифт і знайти його назву.

Приклади питань, на які вам належить відповісти:

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

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

Мені не вдалося за допомогою цього сервісу знайти потрібний шрифт. Тест пройдено.

4. Font Finder Firefox Add-On – доповнення для Firefox, яке визначає, який шрифт використовується на сайті. Просто виділіть слово на сайті, і додаток визначить шрифт та стиль CSS.
Посилання на додаток https://addons.mozilla.org/en-US/firefox/addon/font-finder/

Сервіс, який ґрунтується на вашому уявленні про те, як виглядає шрифт, вам потрібно провести детальний аналіз літер та їх елементів.

За допомогою даного сервісутакож не вдалося визначити шрифт.

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

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

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

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

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

Слід враховувати, що більшість сервісів шукають латинські алфавіти для англійської та німецької мов.

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

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

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

Робота в сервісах, що містять величезну кількість варіантів написання російських та латинських літер, швидко дозволить визначити шрифт, що шукається в режимі онлайн, який краще підійде при оформленні текстів. Вона складається з наступних кроків:

1. у своєму комп'ютері слід зберегти сподобалося зображення шрифту;
2. вибрати в Інтернеті потрібний сервіс для пошуку назви даного форматубуквене позначення. Список буде нижчим.
3. на сайті, що зберігає велику базу відповідних шрифтів, методом автоматичної ідентифікації можна порівняти свою збережену картинку з наявними зразками та отримати точну назву шрифту
4. завантажити у спеціальне поле веб-ресурсу своє зображення шрифту із комп'ютера. Якщо картинка букв не дуже якісна, то доведеться вводити у спеціальне поле всі наявні букви окремо, щоб швидко знайти потрібний шрифт по картинці.

Цікаве на тему Набір віджетів для Adobe Muse

Розпізнавання потрібного шрифту відбувається в автоматичному режимі. Так як дізнатися формат шрифту на сайті програма може тільки за якісною картинкою, слід завантажувати для ідентифікації зображення дозволом не менше 100 пікселів, що допомагають підібрати шрифт на завантаженому малюнку.

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

Пошук відповідного шрифту за завантаженою картинкою можуть здійснювати кілька сайтів у режимі онлайн:

• Type Navigator,
• typophile.com
• Flickr Typeface Identification.

Кожен ресурс має свої особливості в роботі, які користувачі повинні враховувати, щоб визначити тип шрифту на сайті на такому сайті. Зазвичай ресурс докладно визначає, що потрібно робити користувачеві для пошуку шрифтів.

Покроковий посібник для пошуку пропонує сайт What The Font. Щоб програма змогла розпізнати зображення на завантаженій картинці, слід використовувати для розпізнавання шрифту зображення в наступних форматах:

• JPEG,

При роботі з такими сервісами як What Font Is, слід враховувати, що шрифт на завантаженій картинці може визначатися безкоштовно та платно. Під час вибору користувач вибирає потрібну опцію, чим може звужувати або розширювати результати свого підбору.

На сайтах Bowfin Printworks і Identifont, щоб дізнатися відповідний шрифт за завантаженою картинкою в режимі онлайн, потрібно відповідати на питання, пов'язані з описом буквених зображень.

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

Дізнатися, який шрифт у цьому випадку найкраще підійде, допоможе ресурс ФонтМассив або бази даних відомих пошукових систем Яндекс і Google.

Цікаве на тему Розробка власного логотипу: яким він має бути?

Використання плагіна у браузерному рядку

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

На роботі мені знадобилося дізнатися стиль написання букв, оскільки я працюю гравірувальником, знайшов інструмент пошук шрифту на картинці. Добре, що зараз є багато способів, розберу три популярні способи:

Пошук шрифту по картинці з whatfontis

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

1. Завантажуємо зображення зі шрифтом із комп'ютера.
2. Заливаємо по URL.
3. Відкриваємо додаткові опції.
4. Зазначаємо, якщо по картинці є тінь.
5. Якщо лінія шрифту йде не чітко по горизонталі, його треба вирівняти, відзначаємо галочку.
6. Якщо потрібно редагувати файл, то на сервісі є вбудований менеджер.
7. Продовжити.

Онлайн сервіс розіб'є файл по літерах, можливо він може не правильно розкласти, тоді можна об'єднати елементи простим перетягуванням, затискаємо ліву кнопку миші і перетягуємо.

У моєму випадку розкладено нормально, але сервіс не зміг розпізнати символи, як бачимо порожні віконця. Можна залишити порожніми, але краще заповнити, щоб полегшити процес розпізнавання.

Пам'ятайте ми відзначали пункт редактора, щоб увійти вгору вниз і знайдіть рядок запуску онлайн редактора. Для коректної роботи потрібна остання версія Flash Player.

Розглядати не буду, відредагований файл закидаємо назад на аналіз та робимо перевірку. Заповнивши всі поля з літерами, натискаємо велику червону кнопку continue і дивимося результат. Одного разу спрацював і розпізнав кириличне написання.

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

Порада, щоб шукати кирилиці, завантажуйте зображення з літерами, що збігаються з російськими, наприклад літери A, H, P і т.д.

Розширення What font: кирилиця не проблема

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

Підходить майже всім видам браузерів google chrome, на яндексі та firefox йде відмінно, перевіряв.

Для активації натискаємо значок в активних та чекаємо на завантаження. Як тільки інструмент буде готовий до використання, він змінить колір. Тепер, щоб визначити шрифт, наводимо на необхідний елемент у сторінці.

1. Значок став активним. Для включення процесу натискаємо, теж робимо для відключення.
2. Елемент зі шрифтом.
3. Розшифровка стилю, сімейства та написання.

Правда, крутий не міг його не показати, хоча тема статті по картинці, але дати додаткову інформаціютреба.

Додаток на мобільні пристрої

На жаль не знайшов для андроїда, врятувало WhatTheFont, так і введіть назву в itunes. Програма безкоштовно дає можливість завантаження зображень із самого пристрою та за допомогою відеокамери. Зручніше ніж з сервісами, можна сфотографувати фрагмент тексту, що сподобався, і дізнатися шрифт по картинці. Для роботи необхідне підключення до інтернету та відповідно додаток WhatTheFont.

Пробував у знайомого, працює і справляється краще за будь-якого онлайн інструменту. Переходимо до вибірки альтернатив.

Альтернативні онлайн-сервіси

На додаток до першого пункту наведу ще 6 сайтів, більшість англійською, один російською. Онлайн способипобудовані в порядку зменшення ефективності.

Myfonts аналог whatfontis

Розташовується за адресою, аналогічною те,щофонтис, так само може шукати по картинці, але результати не завжди точні. Щоразу видає різні результати, але з п'ятого може потрапити в ціль. Принципи спрямовані на пошук за деякими особливостями, завитки, засічки, товщина та інші.

Знайти можна тут, єдиний російський портал Fontmassive діє безкоштовно. Немає систем розпізнавань російської (смішно), є лише голос народу, відповідь дають люди. Потрібно зареєструватися та подати заявку, щоб підказали. Зручно і практично, щоб краще за людину на запитання ніхто не відповість.

Identifont.com знаходить шрифти за опитуваннями

Перебувати на сторінці , щоб визначити потрібне сімейство і стиль інструмент опитує вас про особливості шрифту, які літери, як розташовуються і так далі. Якщо сумніваєтеся, є кнопка “не впевнений”, спосіб більш тривалий, але зможе максимально наблизити до позитивного ефекту. Аналізувати можна і на кирилиці, написання ж однакове.

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

Фішка bowfinprintworks: він відразу видає питання для заповнення у вигляді чекбоксів та прикладів. Є десять полів для заповнення, визначає шрифт написання лише деяких букв. Видає адекватний пошук хороший ефект, але треба аналізувати, не всі будуть вдивлятися в літери та символи.

Шкода, що програма для знаходження стилів, не існує. Було б зручно мати стаціонарний софт на комп'ютері.

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