サイトのブランディング戦略では、細部までこだわることが重要です。ファビコンは些細な要素のように思えるかもしれませんが、オンラインでの信頼性を高め、ブランドを強化するのに役立ちます。そこで便利なのが、無料のファビコン作成ツールです。
ファビコン、つまりブラウザのアイコンは、あなたのウェブサイトを群衆から際立たせるのに役立ちます。また、印象に残るファビコンはユーザーエクスペリエンス（UX）を向上させ、タブを切り替えたりブックマークからページを取得したりする際に、訪問者があなたのサイトを認識しやすくなります。
この記事では、数回のクリックでブラウザのアイコンを作成できる無料のファビコンジェネレータを8つ紹介します。さっそく使ってみよう
ファビコンジェネレータの仕組みの簡単な紹介
一般的に、ファビコン・ジェネレータは、ファビコンをデザインするためにいくつかの異なるオプションを提供します。
-
- 画像をアップロードする – すでに画像を持っている場合、それをアップロードしてファビコンに最適な形式/サイズに変換することができます。
-
- フォント – カスタムのフォントとテキスト、および背景色を選択することができます。例えば、色のついた背景に1つか2つの文字を使用することができます。
-
- 絵文字 – ファビコンに任意の絵文字を使用することができ、背景色の有無も選択できます。
ツールによっては、3つのオプションをすべて利用できるものもあれば、1つまたは2つしか利用できないものもあります。
デザインに満足したら、これらのツールはすべて、ファビコンとして使用するための適切なサイズ/フォーマットでエクスポートするのに役立ちます。WordPressをお使いの場合は、WordPressのファビコンを追加する方法のガイドに従って設定することができます。
Best free favicon generators
さて、これらのツールがどのように機能するのかが分かったところで、無料のファビコンジェネレータのベスト8を選んでみましょう…。
1. ファビコン・ドット・アイ・オ
最初のおすすめは、素早く簡単に使えるファビコンジェネレーター、Favicon.ioです。テキスト、画像、絵文字をベースにしたアイコンを作成し、あらゆるブラウザやプラットフォームで使用することが可能です。
このジェネレーターは非常に使いやすい。画像を変換フィールドにドロップするだけで、新しく変換されたファビコンを最新のフォーマットでダウンロードすることができます。
あなたのウェブサイトにロゴがない場合は、適切な場所にいます。Favicon.ioでは、Google Fontsの800以上のフォントオプションから選択し、背景色を選び、さらに好みの形状を選択することができます。例えば、正方形、円形、丸みを帯びた背景を選ぶことができます。
さらに、もっと遊び心が欲しいという方には、複数のカテゴリーに分類されたさまざまなTwemojiグラフィックスを用意しました。例えば、国旗、シンボル、オブジェクトなどから選ぶことができます。
Favicon.ioを試す
2. リアルファビコンジェネレータ
Real Favicon Generatorを使えば、数分でカスタムアイコンを作成することができます。あなたのファビコンはどんなブラウザにも対応し、すべてのプラットフォームとデバイスで最高の見栄えを実現します。
.svg、.jpg、または.pngの画像をアップロードするだけで、ジェネレータはすぐに結果のプレビューを提供します。例えば、Android、iOS、およびすべての一般的なブラウザで、新しいアイコンがどのように表示されるかを表示します。
Real Favicon Generator はまた、選択したデバイスに応じて、最適なファイルサイズを提案します。これは特に便利な機能で、デバイスによって必要なファビコンが異なる可能性があるからです。
さらに、すでにウェブサイトにファビコンを設置している場合は、便利なファビコンチェッカーを使用して、現在のアイコンがすべての基準を満たしているかどうかを確認することができます。サイトのURLを入力し、「Check Favicon」をクリックするだけで、改善すべき点を含むレポートがすぐに表示されます。
Real Favicon Generatorを試す
3. Favicon-Generator.org（英語
次に紹介するのは、簡単に言うと「Favicon Generator」というツールです。画像ファイルをファビコンに変換したり、豊富なデザインアイコンライブラリから選んだりすることができます。
独自のグラフィックをお持ちの場合は、.jpg, .png, .gif 形式でアップロードするだけです。また、オリジナルの寸法を維持するか、正方形になるようにサイズを変更するかを選択することができます。作成したファビコンは、すべてのブラウザ、Android、Microsoft、iOSデバイスと互換性があります。
また、何十種類もの既成のアイコンから、色や文字で選ぶこともできます。また、サイトのアイデンティティにマッチする特定のオブジェクトを探している場合は、キーワードで検索するオプションもあります。
Favicon Generatorを試す
4. Ionos Favicon Generator（イオノス・ファビコン・ジェネレーター
Ionos Favicon Generatorは、数分でファビコンを作成できるもう一つの優れたオプションです。既存の画像を変換したり、文字からカスタムグラフィックを生成したり、好みの形を描いたりすることができます。
すでにロゴがある場合は、.jpg、.jpeg、.pngのいずれかの形式でアップロードすることができます。ジェネレーターはそれを縮小版に変換し、すべてのブラウザとデバイスで使用できるようにします。最良の結果を得るためには、少なくとも310×310 pxの正方形の画像を使用する必要があることに注意してください。
そのほか、ファビコンエディタオプションを使用して、イニシャルや図形を複数の色で描くことができます。また、変更した内容をすぐにプレビューして、選択した内容やブラウザの設定に基づき、作成したものがどのように見えるかを確認することができます。
Ionos Favicon Generatorを試す
5. Formito ファビコンメーカー
次におすすめするのは、Formito Favicon Makerです。この直感的なツールは、イニシャルや絵文字をベースに、あなたのウェブサイトのカスタムアイコンを作成することができます。
文字ベースのファビコンを作成したい場合は、Google Fontsから数百のフォントを選択し、そのサイズを調整することができます。また、アイコンの背景の形や色も選ぶことができます。
また、もう少し個性的なものがお好みなら、絵文字を選んで、そのサイズと背景をあなたのウェブサイトのスタイルに合わせて調整することができます。満足したら、.svgまたは.pngファイルとしてエクスポートするか、そのHTMLコードをコピーしてあなたのウェブサイトに追加することができます。
Formito Favicon Makerを試す
6. Favicomatic
Favicomaticは、好きな画像やロゴからファビコンを生成するためのもう一つの迅速なツールです。
32×32px以上のファイルをアップロードするだけです。また、標準的なファビコンと、iOS、Android、Metro などの一般的なデバイスに関連するすべてのサイズを生成することができます。
Favicomaticは、.icoと.pngの両方のフォーマットで透明なアイコンを生成することも可能です。背景色、サイズのプリセットなど、より詳細な制御が必要な場合は、詳細設定にアクセスすることができます。
Favicomaticを試す
7. Genfavicon
次は、Genfaviconです。この便利なツールは、画像をすぐに使えるファビコンに変換するために必要なすべての機能を備えています。
このリストの他のジェネレーターと同様に、既存のロゴや画像を.jpeg、.gif、.pngとしてアップロードするだけでよいのです。その後、お好みのサイズを選択し、画像をトリミングします。
また、変更した内容をプレビューして、新しいファビコンがどのようなものかを確認することもできます。
