Faviconアイコンまたはお気に入りアイコンの追加

読者があなたのサイトをブックマークするときにカスタムアイコンを設定する

ブックマークや一部のWebブラウザのタブ表示に表示される小さなアイコンに気づいたことはありますか? これは、お気に入りアイコンまたはfaviconと呼ばれます。

ファビコンはあなたのウェブサイトのマーケティングの重要な部分ですが、どれくらいのサイトに1つのサイトがないのか驚くことでしょう。 これは、あなたのサイトにグラフィックスやロゴが既にある場合は、作成が比較的簡単であるため、残念です。

ファビコンを最初に作成するにはイメージを作成する

グラフィックスプログラムを使用して、16 x 16ピクセルのイメージを作成します。 32 x 32,48 x 48,64 x 64などの他のサイズをサポートするブラウザもありますが、サポートしているブラウザで16 x 16以上のサイズをテストする必要があります。 16 x 16は非常に小さいので、サイトで使用できるイメージを作成するまで、さまざまなバージョンを試してみてください。 多くの人がこれを行う1つの方法は、その小さなサイズよりもはるかに大きなイメージを作成し、サイズを変更することです。 これは機能することができますが、大きな画像は縮小するとよく見えません。

私たちは小さなサイズで直接作業する方が好きです。最後に画像がどのように見えるかがはっきりしています。 グラフィックプログラムをズームアウトしてイメージを構築することができます。 それはズームアウト時にぼんやりして見えますが、ズームアウトされていないときにはそれほど明白ではないので大丈夫です。

イメージを好きなイメージファイル形式で保存できますが、多くのアイコンジェネレータ(後述)はGIFまたはBMPファイルのみをサポートしています 。 また、 GIFファイルはフラットカラーを使用しており、JPG写真よりも小さなスペースでよりよく表示されます。

Favicon画像をアイコンに変換する

受け入れ可能な画像を取得したら、それをアイコン形式(.ICO)に変換する必要があります。

アイコンをすばやく作成しようとする場合は、FaviconGenerator.comなどのオンラインのFaviconジェネレータを使用できます。 これらのジェネレータは、アイコン生成ソフトウェアと同じくらい多くの機能を備えていませんが、すばやく簡単に数秒でファビコンを取得できます。

PNG画像やその他の形式としてのファビコン

ますます多くのブラウザがICOファイル以上のものをアイコンとしてサポートしています。 現在、PNG、GIF、アニメーションGIF、JPG、APNG、SVG(Operaのみ)などの形式でfaviconを使用することができます。 これらの種類のほとんどのブラウザでは、多くのブラウザでサポートの問題があり、 Internet Explorerは.ICOのみをサポートしています 。 だからIEに表示するためにあなたのアイコンが必要な場合は、ICOを固執する必要があります。

アイコンを公開する

アイコンを公開するのは簡単です。単にウェブサイトのルートディレクトリにアップロードするだけです。 たとえば、Thoughtco.comのアイコンは/favicon.icoにあります。

いくつかのブラウザはあなたのウェブサイトのルートに住んでいる場合、faviconを見つけるでしょうが、最良の結果を得るには、あなたのサイトのfaviconを必要とするすべてのページからリンクを追加する必要があります。 これにより、favicon.ico以外の名前のファイルを使用することも、別のディレクトリに格納することもできます。