スポンサーリンク

Favicon復活!

スポンサーリンク
スポンサーリンク

以前設定していたのですが、
ここのところ外していたFaviconを復活させました。

Faviconとは、ブラウザのタブ表示やお気に入り登録に
サイトのオリジナルマークを表示するものです。

このFaviconを復活させました。
小さなことですがうれしいものです。

Faviconの作り方は、ソフトで表示したい画像を作ります。
画像はBMP形式で保存しておきます。
サイズは32×32と16×16の二つを作りますが、かなり小さめです。
ですから図柄もシンプルではっきりしたものがいいですね。
写真を加工してもいいですし、グラフィックソフトでこのマス目に絵を描いてもいいです。

これをソフトを使ってFaviconに変換します。
私はフリーソフトの「@icon変換」を使っています。

そうして出来た、拡張子ico画像ファイルを
ブログをインストールしたtopフォルダーに入れます。
あとは表示したいテンプレートの<head><タグの中に
<link rel=”shortcut icon” href=”favicon.ico”>
と記載するだけです。

これで再読み込みすればブラウザのタブやお気に入り登録に表示されるようになります。
ただし、ブラウザの種類やバージョンによっては表示されない事がありますので注意してください。

コメント

タイトルとURLをコピーしました