favicon の設定

当ブログサイトにファビコン(favion.ico)を設定してみました。

まずは、ファビコン画像の作成です。
ファビコン画像は下記のサイトで作成しましたが、とても簡単でした。
事前に 16×16 dot32×32 dot48×48 dot の画像ファイルを用意して、サイト上で合成、 ”favicon.ico” ファイルが作成されます。
これをローカルへダウンロードするだけです。

ファビコン作成 favicon.ico 無料で半透過マルチアイコンが作れます

次に、ダウンロードした ”favicon.ico” ファイルをFTPソフトで、サーバのルートフォルダにコピーするだけです。

当サイトは、さくらインターネットのレンタルサーバを使用していますが、
www/ の直下
www/bb-side.com/(独自ドメイン)の直下
の両方に置いてみました。

最後に確認です。
ブラウザのキャッシュが残っているためか、以前のファビコン画像が残っていて、すぐに反映されませんでした。
そこで、新しいファビコンのアドレスを直打ちでURLに入力、
https://bb-side.com/favicon.ico
のようにダイレクトで呼び出してみたところ、無事にファビコン画像が更新されました。