サイトアイコン もとみちの戯れ言

独 Favicon(ファビコン)の設置

メジャーだけど、メジャーではない?
Faviconの設置方法をば、書いてみようと思います。


流れとしましては・・・
画像の作成→ico形式に画像変換→データのアップ→
テンプレートに呼び出しを記述→確認
という流れになります。

●画像の作成に関して
画像サイズは 16px×16px です。
でかく作ってから縮小する方法もありますが、
小生は初めから「16px×16px」で作りました。
保存形式は bmp ・ gif ・ jpg ・ png で。

●ico形式に画像を変換
Favicon Japan : http://www.favicon.jp/
FavIcon from Pics : >http://www.chami.com/html-kit/services/favicon/
上記サイトで変換可能です。

●アップロード
作成した「favicon.ico」 をローカル(index.html があるところ)にアップ。

●呼び出しの記述
それぞれのテンプレートの

〜 の間に

<link rel=”shortcut icon” href=”favicon.ico” />
<>←全角を半角に直してコピペ

を追加。

●確認
キャッシュ等が残っているとうまく表示されないので、
オプションからCookieの削除等を行ってから確認して下さい。

(=゚ω゚)ノジャ、マタ!!

モバイルバージョンを終了