ファビコンとは何ですか?
ファビコンは、ブラウザのURLウィンドウのhttpアドレスの隣に表示されるWebページまたはWebサイトに関連付けられたカスタムアイコンです。 また、タブ対応ブラウザで開いているタブを占有し、ブックマークされたリンクの横に表示されます。 この用語は、「お気に入り」と「アイコン」を組み合わせたものです。 Microsoft Internet Explorerバージョン5.0では、ファビコンを表示する機能が導入され、その後に他の主要なブラウザーが続きました。 Firefox、Netscape、Opera、Safari、Konquererは、この機能をサポートする多くのブラウザーの1つです。
ファビコンは非常に小さいため、ピクセル単位で測定されます。 ピクセルは、コンピューター画面上の測定の最小単位です。 小さなブロックに似たピクセルは、虫眼鏡を通してディスプレイ画面を見るとはっきりと見えます。 ファビコンは16x16ピクセル、32x32、またはMacintoshコンピューターの場合は64x64以上のサイズです。
このような小さなキャンバス用のロゴを設計するのは簡単な作業ではないため、大きなキャンバスから始めてから画像のサイズを変更する方が簡単です。 画像を縮小すると、画像の鮮明さが失われる可能性があるため、64x64ピクセル程度のキャンバスサイズから始めることをお勧めします。
これらのアイコンは、ほとんどすべてのグラフィックプログラムを使用して、モノクロ、16色、256色以上で設計できます。 デザインを縮小して保存したら、 アイコンファイルに変換できます。 すべてのグラフィックプログラムがファイルを.icoファイルとして保存するわけではありませんが、.icoファイルの作成と変換に固有の多くのグラフィックプログラムがオンラインで利用できます。 これらのプログラムのいずれかで.bmp、.jpg、.gif、またはその他の画像ファイルを開き、「名前を付けて保存」を選択すると、画像を適切な.ico形式に変換し、ファイルにfavicon.icoという名前を付けることができます。
これで、アイコンをWebサイトのルートディレクトリにアップロードできます。 ブラウザはこのファイルを探し、見つかった場合は表示します。 Webサイトにアップロードする以外に、以下に示すように、Webページの<head> </ head>セクションに2行の単純なコードを追加する必要があります。 「website.com」を実際のWebサイト名に変更します。
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Webサイトがファビコンを持つ前にInternet Explorerでブックマークされている場合、新しいWebサイトが表示されない場合があります。 ブックマークを削除し、ブラウザーのキャッシュをフラッシュして、ブラウザーを再起動します。 次に、手動でWebサイトにアクセスすると、ファビコンが表示されます。 サイトをブックマークしてお気に入りに追加します。
Internet Explorerではファビコンを.icoファイルにする必要がありますが、Firefox、Netscape、およびその他の一般的なブラウザーでも.gif、.jpg、および.pngファイルを表示できます。 .ico以外の画像ファイルタイプを使用している場合は、正しい画像タイプを反映するようにコードを変更する必要があります。 たとえば、 favicon.pngを使用する場合、コードはtype="image/x-icon" />
ではなくtype="image/png" />
を読み取りtype="image/x-icon" />
。
ファビコンをWebサイトに関連付けると、視覚的なブランディングが作成されます。これにより、サーファーは自分のWebサイトとそのコンテンツをブックマークで簡単に思い出すことができます。 ミニロゴであろうとオリジナルデザインであろうと、あなたの画像は理想的にはサイトのコンテンツ、キャラクター、名前のいずれかを反映しています。 必要に応じて、ファビコンを設計するオンライン企業がいくつかあります。 ただし、基本的なコンピュータースキルをお持ちの方にとっては、作成は簡単で楽しいタスクであり、数分から午後または夕方までどこでも取ることができます。