画像からフォントを見つけるために使用できる3つのツール

公開: 2020-03-17

フォントは、Webサイトのデザインと使いやすさにおいて重要な役割を果たします。ある時点で、他の人の写真、グラフィック、またはロゴに書体が表示されているのを見て、自分で使用できるようにその名前を知ってほしいと思ったことがあるでしょう。幸い、次に画像からフォントを見つけたいときは、そのためのツールが手元にあります。

デザインを改善するために使用できる便利なフォント検索プラットフォームがいくつかあります。この記事では、3つの自動化されたオンラインツールを紹介し、それらを正確に比較します。さらに、試すことができるいくつかの代替方法についても説明します。

仕事に取り掛かろう！

私たちのYoutubeチャンネルを購読する

フォントファインダーのしくみ

デザイナーが画像に表示されるフォントを識別するのに役立つ専用のツールの全分野があります。一言で言えば、彼らは画像内のテキストを認識し、それをデータベース内の書体と一致させようとすることでそれを行うことができます。

このアプローチは実際には機能しますが、フォントマッチングプロセスの成功率は、次のようないくつかの要因によって制限されます。

ツールのフォントデータベースのサイズ
画像が「読みやすい」かどうか
テキストが水平かどうか

テキスト付きの画像をアップロードすると、人間でも理解するのが難しい場合でも、自動フォントファインダーではあまり運がありません。文字の向きについても同じことが言えます。文字を読むために頭を向ける必要がある場合、オンラインツールでは文字を識別できません。

画像からフォントを見つけるために使用できる3つのツール

画像からフォントを見つけることができるオンラインツールに関しては、特に人気のある3つがあります。Matcherator、WhatTheFont、およびWhat FontIsです。それらがどのように機能するかを確認するために、お気に入りのDiviレイアウトのいくつかから取得した2つのスクリーンショットを使用してそれぞれをテストします。

1.マッチャーレーター

フォントファインダーがどのように機能するかについてはすでに大まかに説明したので、すぐに詳細に飛び込みます。 Matcheratorのホームページにアクセスすると、次のように表示されます。

Matcheratorのホームページ。

[画像のアップロード]ボタンをクリックするか、デスクトップからファイルをドラッグして開始できます。次に、Matcheratorは、識別したいテキストに焦点を合わせるようにトリミングするように要求します。テストに使用する最初の画像は次のとおりです。

ディビのファッション性の高いレイアウト。

Matcheratorにアップロードした後、「HighFashion」という見出しに焦点を当てるためにトリミングしました。ジョージアフォントを使用しています。

Matcheratorで画像をトリミングします。

画像のトリミングが終了すると、Matcheratorは潜在的な書体のリストを返します。

マッチャーの結果。

ご覧のとおり、この例の結果はジョージアと完全に一致していませんでした。ただし、Matcheratorは、それがセリフフォントであることを正確に識別し、リストされている2番目の書体はそれほど遠くありません。

「OKAPE」と表示され、有名なHelveticaフォントを使用した画像を使用して、2回目のテストドライブでMatcheratorを使用しました。

Matcheratorを使用して2番目のテストを実行します。

繰り返しになりますが、Matcheratorはさまざまな結果を返しました。それらのいくつか（すべてではありませんが）はかなり近いものでしたが、Helveticaと完全に一致するものはありませんでした。画像から特定のフォントを見つけたいが、似たような外観の書体で満足できる場合は、このツールで十分に機能する可能性があります。

2.WhatTheFont

WhatTheFontはMatcheratorとほぼ同じように動作します。まず、画像をアップロードするように求められます。

WhatTheFontに画像をアップロードします。

次に、ツールでフォーカスするフォントを含む画像のセクションを特定する必要があります。ただし、WhatTheFontにはテキスト検出機能があり、適切な領域を自動的に選択できるため、時間を少し節約できます。

複数の書体が含まれている場合、またはWhatTheFontが使用しようとしているテキストを正確に特定できない場合にのみ、画像を手動でトリミングする必要があります。精度に関する限り、このツールはジョージアを完全に識別することもできませんでした。ただし、結果はMatcheratorの結果よりもさらに近くなります。

潜在的なWhatTheFontの結果。

また、「OKAPE」画像を使用してWhatTheFontをテストしました。このテキストはすべて大文字であることに注意してください。これにより、ソフトウェアのプロセスがはるかに簡単になります。

WhatTheFontを使用して2番目のテストを実行します。

WhatTheFontもHelveticaを識別しませんでしたが、それが示す結果は、アップロードしたオリジナルとほぼ同じです。画像からフォントを見つけようとしている場合は、このツールと完全に一致する可能性があります。

3.フォントとは

これまでに説明した他のツールと同様に、What Font Isにアクセスするとすぐに、分析できる画像をアップロードするように求められます。

フォントとはホームページです。

次に、検索したいフォントを含む画像の部分をトリミングします。

フォントとは何かのために画像を切り抜く。

この時点で、「フォントとは」には、画像に関する詳細情報を収集するための追加の手順がいくつか含まれています。まず、トリミングした選択内容を編集するように求められます。

フォントとはでトリミングされた選択を変更します。

この画面では、次のことを行う必要があります。

各文字を区切るために線を引く
テキストが背景よりも暗いことを確認します（そうでない場合は[反転]をクリックします）
コントラストと明るさを調整して、テキストができるだけ見えるようにします
テキストが水平になるように画像を回転します

次に、What Font Isは、テキスト内の特定の文字を識別するように要求します。

フォントとは何かの文字を識別する。

最後に、結果を確認できます。

フォントとは何かからの結果。

残念ながら、その余分な作業はすべて、WhatTheFontよりも完全に一致するものに実際に近づくことはできませんでした。ただし、結果は画像のテキストと非常によく似ており、What Font Isには、便利なボーナス検索機能がいくつかあります。

元の画像の右側にあるタブを使用して、結果を商用、無料、またはGoogleFontsの書体に絞り込むことができます。これにより、予算内のデザインのオプションを簡単に見つけることができます。

また、「フォントとは」で「OKAPE」の画像を試してみたところ、同様の結果が得られました。繰り返しになりますが、Helveticaは提案された書体には含まれていませんでしたが、非常に近い候補がいくつかありました。

フォントとは何かからの結果。

全体として、What Font Isは、画像によく似た無料の書体やGoogleFontを見つけたい場合に便利なツールです。ただし、WhatTheFontも同様に正確であり、必要な作業は少なくて済みます。

オンラインフォント-コミュニティの検索

オンラインツールを使用して画像から正確なフォントを見つけようとすることは、想像するよりもはるかに困難です。何千もの無料およびプレミアム書体があります。単一のプラットフォームが、それらすべてを含むデータベースや、それらを一貫して正確に識別できるアルゴリズムにアクセスすることはできません。

フォントファインダーの経験では、WhatTheFontは、分析するテキストと同様の結果を提供するのに最適です。読みやすい画像をアップロードし、それが正しいセクションを切り取るようにすることで少しでもそれを助ける限り、あなたはいくつかの確かな提案を得るはずです。

一方、特定のフォントを絶対に識別する必要がある場合もあります。その場合は、答えをクラウドソーシングするほうが幸運かもしれません。幸いなことに、このタスクに専念しているオンラインコミュニティ全体があります。

最高の2つには、RedditのIdentifyThisFontとQuoraの書体識別が含まれます。あなたがしなければならないのは、きちんと尋ねて、あなたが名前を付けようとしているフォントの例をアップロードすることです。通常、誰かが正しい答えを持ってきます（たとえそれが非常にあいまいであっても）。

結論

画像からフォントを見つけるために使用できるオンラインツールはたくさんあります。ただし、一般的には、使用するデータベースと同じくらい正確です。また、テキストが読みやすい画像を提出する必要があります。そうでなければ、あなたの結果はいたるところにあります。

テストしたすべてのサービスの中で、WhatTheFontは元のテキストに最も近い結果を返しました。特定の書体を特定することに夢中になっている場合は、IdentifyThisFontやTypefaceIdentificationなどのオンラインコミュニティにタスクをアウトソーシングする方が幸運かもしれません。

画像からフォントを見つける方法について質問がありますか？ 以下のコメントセクションでそれらを調べてみましょう！

DRogatnev /shutterstock.comによる記事のサムネイル画像