サイト内検索

...タグ・小技・etc...

ファビコン

ファビコンとは

ファビコンとは
アドレスバーの左側・タブ・お気に入りの所にあるアイコンの事です。
下の画像だと、ハートマークの画像です。
Internet Explore
ファビコン画像

opera
opera

ファビコンの作り方

1.　画像を作ります。
「ＧＩＭＰ」などの画像処理ソフトで、画像を作っておきます。
（作成する画像は、正方形にしておく方がきれいにできます。）
2.　作成した画像をファビコンに変換します。
サイズは、縦「16ピクセル」横「16ピクセル」にします。
「@icon変換」などの変換ツールや変換サイトを使用して
画像からファビコンへ変換させます。

@iconでのファビコンの作成方法

「@icon変換」を使ってファビコンへ変換すると、IEでも表示されるファビコンが作成されます。
「caraldo.net（カラルド）」にて、詳しく説明されています。
Internet　Explorer以外のブラウザでも表示されます。
[変換の仕方]
1.　「@icon変換」を起動します。
2.　ファイルを開きます。
icon2
3.　画像ファイル上で右クリック　→保存　→単独iconとして保存をクリックします。
icon3
4.　これで変換されました。
[参照させていただいたサイト] caraldo.net（カラルド）
[画像処理ソフト] ＧＩＭＰ
[画像とアイコンの相互変換ツール]@icon変換
[favicon変換サイト]FAVICON　GENRAOR　＆GALLERY

ファビコン画像を表示させる

[サーバーのルートに設置する場合]
サーバーのルートディレクトリ（一番上のindex.htmlなどと同じ階層）に
画像のフィイル名を「favicon.ico」としてアップロードします。
サイト全体で、同じファビコンが表示されます。
ブラウザによっては、表示されない場合もあります。
[任意の場所に設置して、リンクする場合]
記述しているページのみに、表示されます。
<head>?</head>の間に　↓　のソースを記述します。
<link rel="icon" href="../img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon"/>

@iconで作成した画像でもIEで表示されない場合

「一時ファイル」と「履歴」を削除してみてください。
[削除方法]
IEのツールバー　→　「ツール」　→「閲覧の履歴の削除」をクリックします。
「インターネット一時ファイル」・「履歴」にチェックを入れ「削除」をクリックします。
履歴の削除
Copyright c 2007.10.01 luc All rights reserved.