スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
人気ブログランキングへ ブログランキング・にほんブログ村へ


favicon.ico

favicon.icoとは、ブラウザのURL表示の左に出る小さいアイコンのこと。
お気に入り(ブックマーク)でサイト名の左にも出る。

作り方は
1. 16×16の画像を作る。形式はPNG等が良い。
 (32×32でも良いと説明してるところもあったけど、有名所は16×16で作ってる。 こんな感じ)
  次の2.で使う変換ソフトが対応している形式で保存すること
  私の場合はPNGで保存

2. icon形式に変換
  変換ソフトを使う。ネット上にフリーの物が色々ある。
  私が使ったのはこれ、@icon変換

3. 名前を favicon.ico にして、サーバーにアップする
  バイナリモードで転送

4. htmlの修正
  <head>~</head>内に次の二行を追加

<link rel="shortcut icon" href="favicon.icoの場所を指定" />
<link rel="icon" href="favicon.icoの場所を指定" type="image/x-icon" />

 ホームに置いて "favicon.ico" としても良いし、私の場合は
<link rel="shortcut icon" href="./images/favicon.ico" />
<link rel="icon" href="./images/favicon.ico" type="image/x-icon" />

 ここで問題発生。FireFoxだとアイコンが正しく表示されるのに、IE8だと表示されない。
 何度リロードしても解決しない。

 そこで、googleさんに聞いてみる
  favicon.ico 表示されない ie

 IEでは履歴を消して、IEを再起動しないとアイコンが反映されないらしい。
 その通りにして解決。
 解決に1時間もかかってしまった。

 今日の作業時間:2時間
  アイコンの作成と設置に1時間
  IEで表示されない問題解決に1時間

2009/09/16 22:45 追記
スペルが一部間違ってました。
正: favicon.ico, 誤: fabicon.ico
(favicon = favorite icon)
スポンサーサイト
人気ブログランキングへ ブログランキング・にほんブログ村へ


コメント

非公開コメント

プロフィール

wombat

Author:wombat
名前の由来は家にある、このぬいぐるみからです

Sponsored Link
カルビー フルーツグラノーラ
カルビー フルーツグラノーラ

My Keepon マイキーポン
My Keepon マイキーポン

ホイップる
明治チョコレートセット

ホイップる 明治チョコレートセット
きのこの山、たけのこの里、アポロなどがアクセに





ウイルスバスター トレンドマイクロ・オンラインショップ







吉川友 YOU! ~the DVD~
吉川友 YOU! ~the DVD~

秋山莉奈 ザ・おしり3 [DVD]
石田紗英子 晴れのちドキドキ[DVD]

秋山莉奈 ザ・おしり3 [DVD]
秋山莉奈 ザ・おしり3 [DVD]

秋山莉奈 ザ・おしり2 [DVD]
秋山莉奈 ザ・おしり2 [DVD]

秋山莉奈 ザ・おしり[DVD]
秋山莉奈 ザ・おしり[DVD]

Cica写真集
Cica loves YOU!

Cica写真集 Cica loves YOU!

CicaファーストDVD
ハジメマシテ…Cicaデス

CicaファーストDVD ハジメマシテ…Cicaデス

1/32 小惑星探査機 はやぶさ 特別メッキ版 【Amazon.co.jp限定販売】
1/32 スペースクラフトシリーズ No.SP 小惑星探査機 はやぶさ 特別メッキ版 【Amazon.co.jp限定販売】

魔女の宅急便 [Blu-ray]
魔女の宅急便 [Blu-ray]

となりのトトロ [Blu-ray]
となりのトトロ [Blu-ray]

天空の城ラピュタ [Blu-ray]
天空の城ラピュタ [Blu-ray]

風の谷のナウシカ [Blu-ray]
風の谷のナウシカ [Blu-ray]


参考記事

Sponsored Link



ブログ内検索
最新記事

  全記事一覧
カテゴリ
月別アーカイブ
人気記事
   
アクセスランキング
   
最新コメント
最新トラックバック
リンク
RSSリンクの表示
QRコード
QRコード
Counter

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。