何度もホームページを作り直していると、つい以前にはちゃんと入れていたファビコンを入れ忘れちゃうことがある。
今回も気がついたら無くなっていたので作り直した。
作り方は簡単で、
1.ファビコンに使用するロゴマークを用意。
2.photoshopで16pixel四方/72dpiに解像度を変更。
3.ココで作ったデータをファビコン用のデータ(.ioc)に変換。
4.index.htmlの<head>~</head>に<link rel=”shortcut icon” favicon.ico”と書く。” favicon.ico”の部分にパスを書くと書いてあったので、画像データをサーバ内のimgディレクトリに置き、パスは/img/favicon.iocとした。
これでファビコンが表示されるはずだったが、どうもすぐには表示されなかった。だめかと思ったが、なぜか翌日にはちゃんと表示されていた。じゃんじゃん。