アイコンには一つのアイコンファイルに複数のサイズと複数の色数の画像を入れることが出来ます。
このサイトでは画像数が複数の場合をマルチアイコンと呼びます。画像が1つの場合は区別するためシングルアイコンと呼びます。
画像には透過情報も含めることが出来ますので、任意の形状のアイコンが作成できます。
画像作成には任意の画像編集ソフトを使用して下さい。
同サイズで色数の違う画像をアイコンに含めることも出来ます。
収納する順番は自由に出来ますので、思い通りのアイコンを作成する事が出来ます。
ファビコン作成のあなたへ:
favicon(ファビコン)とはウェブサイトやウェブページに関連付けられたアイコンのことです。ウェブブラウザではURLの左横またはタブに表示されます。お気に入りに登録するとブックマークアイコンとして表示されます。
faviconは日本では「ファビコン」と読まれることが多いです。Favorite icon(フェイバリット・アイコン)の略なので、英語ではファブアイコン(Fav-Icon)と読まれます。
多くのウェブブラウザがこのファビコンに対応しており、ブックマーク(お気に入り)リストやアドレス表示、タブブラウザではタブにファビコンが表示されます(ブックマークアイコン)
ファイル形式はICOが一般的です。GIFやPNGもサポートされています。
ファビコンのウェブブラウザでの表示では16x16サイズですが、デスクトップにショートカットを置いた場合は32x32、エクスプローラーでアイコン表示にした場合48x48サイズでの表示になります(Windowsの場合)。
ファビコンはICO形式であれば、16x16と32x32と48x48などの複数のアイコンを一つのファイルに格納する事が出来ます。これをマルチアイコンと呼びます。
マルチアイコンは画像が2,3個に限らず4個5個の格納も可能で、それぞれ全く違う画像を格納できます。
ファビコンは通常、ウェブサーバーのドキュメントルート(ドメインのルート)ディレクトリに favicon.ico を設置すれば認識されます。
ファビコンをルートに設置できない場合、また、ディレクトリごとで違うfaviconを表示させたい場合は<head>セクション内に以下の記述をすることで指定できます。(URLは適宜変更して下さい)
<link rel="icon" type="image/vnd.microsoft.icon" href="https://example.com/favicon.ico">
ドキュメントルートにfavicon.icoを配置する場合:
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
その他ディレクトリにfavicon.icoを配置する場合の例:
<link rel="icon" type="image/vnd.microsoft.icon" href="/common/image/favicon.ico">
ファビコンをhrefで指定する場合は、アイコン名はfavicon.ico以外も使用できます。
typeには画像のmime typeを指定します。
ICO形式 --- image/vnd.microsoft.icon
GIF形式 --- image/gif
PNG形式 --- image/png
SVG形式 --- image/svg+xml
ファビコンを初めて設置した直後はすぐには表示されない場合があります。何度かリロードしたり、ブラウザのキャッシュを削除してみてください。閲覧履歴を削除することも有効です。
2007年初版
このサイトについてのお問い合わせは
エーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。