skylarking

ブログの勉強のために始めたブログですが…

全体表示

[ リスト ]

ブラウザのアドレスバーやお気に入り(ブックマーク)にウェブサイト独自のアイコンが表示されていることがあります。
他のサイトよりも目立ちますよね。

ここに表示できる画像ファイルは、アイコン形式の画像です。
BMP形式などの画像から変換ソフトを使ってアイコン形式の画像を作れます。
@icon変換(フリーウェア)
変換サービスを提供しているウェブサイトもあり、より手軽です。
FavIcon from Pics
これは英文のサイトですが、操作は簡単です。

こうして作った favicon.ico というファイルを自分のウェブサイトのルートフォルダに置けばいいのです。
つまり、ウェブサイトのトップページのファイルがあるのと同じディレクトリにアップロードするということです。
HTMLのタグがわかる方なら、ページの <HEAD>〜</HEAD> 内に、リンクタグを設定すればなお良いでしょう。
例:<link rel="shortcut icon" href="favicon.ico">

インターネット・エクスプローラは、お気に入りに入れないとアドレスバーに表示されません。
オペラは表示されるものも、されないものもあって、よくわかりません。
ファイア・フォックスは、お気に入りに入れなくてもアドレスバーに表示されます。
きちんとした統一規格でないのか、対応情況がまちまちです。

インターネット・エクスプローラで、お気に入りに入れたのに、うまく表示できないことがありました。
試しに自分のサイトで実験してみました。
ファイル名を favicon.ico 以外にして、そのファイル名でリンクタグを設定したら、表示されました。
みんなが同じ favicon.ico というファイル名では、ブラウザが混乱するのかもしれません。

この記事に

閉じる コメント(0)

コメント投稿

顔アイコン

顔アイコン・表示画像の選択

名前パスワードブログ
絵文字
×
  • オリジナル
  • SoftBank1
  • SoftBank2
  • SoftBank3
  • SoftBank4
  • docomo1
  • docomo2
  • au1
  • au2
  • au3
  • au4
投稿

開く トラックバック(1)


.


みんなの更新記事