以前からブックマークした時に画像が出るサイトがあって、あれってどうやるんだろうと疑問に思ってたのだが調べてみると簡単にできるみたいなのでやってみた。
あれは正式にはfavicon.icoというもので、16×16pixcelの画像を作ってディレクトリに置き、HTMLのHead部分に記述しておくと出せるようになるとのこと。
そのあたりの事はこちらに 「お気に入り」アイコンを指定するには?
で仕組みが判ったところでそんなちっこい画像をどうやって作るんだろうと一瞬悩んだのだが、faviconで検索してみたところ画像を変換してくれるサイト(Favicon Japan!)を発見。こりゃ便利だわ。ここで変換できたので難なく設置完了!
ここは元の画像を作成しWeb上で変換してくれるのが便利です。
こういうのを用意して
![]()
結果、こうなります。
あとはFTPでUPしてHTMLのhead部にlink rel="shortcut icon"~を入れるだけ。めちゃくちゃ簡単ですね。
因みにうちのアイコンは某サイトのイメージをパクってJMでやってみました:P
注:ブラウザ、環境によってはキャッシュに残っていてうまく出ない場合があるみたいです。



コメント (3)
お。いいですね。
ブルーでくるのかと思ったら、意外にグレイでした。:-P
因みに Mac 用の Safari とSiira ではちゃんと表示されてます。
投稿者: doggylife | 2005年02月13日 14:47
日時: 2005年02月13日 14:47
JMさん、こんにちは。
ブルーにグレーというのがいいですね。(^^)
シンプルで、私好み♪
投稿者: Kanko | 2005年02月13日 14:55
日時: 2005年02月13日 14:55
>doggylifeさん
ありがとうございます。やっぱBlueもそろそろかえないとね:)
>Kankoさん
こんばんは。Simple is my tasteです。
これなかなか気に入ってます:)
投稿者: JM | 2005年02月13日 20:52
日時: 2005年02月13日 20:52