2009年03月22日

favicon(ファビコン)がIE7で表示されない問題の簡単な解決法

遅まきながら当ブログでもfavicon設置しておきました。

で、「favicon(ファビコン)がIE7でサクっと表示されない問題の簡単な解決法」ですが、

icoファイルを設置したら、まずブラウザで表示してみるべし

です。

あれこれ調べていたところ、IEの「履歴」などブラウザのキャッシュが問題なようですから、ならば最新のキャッシュを作ってやれ!ってこと。

http://kacho007.up.seesaa.net/image/favicon.ico

↑「表示系のファイルを設置したら、まずはフルパスできちんと表示できるているかどうかテストせよ」という、エンジニアリングや品質管理の初歩的なところでしたね。

年度末の納品ラッシュでWebディレクターっぽいことやってみた中での小さな知見でした。(笑)


Favicon - Wikipedia

Favicon(ファビコン)はウェブサイトやウェブページに関連付けられたアイコンのことである。Favorite icon(フェイバリット・アイコン)という英語の語彙を略したものである。英語ではファブアイコン(Fav-icon)と読むものだが、日本語圏ではファビコンとローマ字読みされることが多い。



faviconがIE7で表示されない理由 - Insider.NET 2008-05-03
favicon.icoを作成してに

を追加してもファビコンが表示されない方、下記サイトを参照してください。



IE7でファビコンが表示されない - livedoor ナレッジ 知識、知恵のカタマリ 2007-11-14
サーバーにfavicon.icoをアップロードして、カスタマイズでとの間にを入力しましたが、表示されません・・。
ところがfirefoxで確認したところ、しっかり表示されてます。なんとかIEで表示させたいのですが、どうすればいいのかわかりません・・。



WEBプログラミング NOW!: favicon(ファビコン)に少しはまる(IE7で表示されなかった訳) 2007/07/10
分かってみれば単純な話ですが、自分のサイトを一番見ているはずのウェブマスターさんだけがfaviconが表示されないと悩んでいるケースは私以外にもたくさんいそうです。実際、今回いろいろ調べている過程でも、掲示板などで相談していて、「俺のパソコンではちゃんと表示されているけれど・・・」(英語)と回答されているのを何件か見ました。



IE7のfaviconについて - 教えて!goo 07/05/19
FirefoxやSleipnirなどで自動取得できるfaviconはIE7ではできないのでしょうか。
今はすべてIEのアイコンになってしまっています。



Webブラウザ対応って、本当に大変なんですね。( θ_Jθ)


追記:

それ以前の問題として、「*.ico」という拡張子の画像ファイルを正しく作成しておきましょう。

「*.jpg」や「*.gif」など、他の形式のファイルの拡張子を変えただけだと、IEがアイコン・ファイルとして認識してくれないようです。

元々「*.ico」は、Windowsで表示されるアイコン画像の形式なわけですからね。

ico形式
Windows などで使われるアイコンの画像形式。

[5] 複数の色数・大きさの絵を1つのファイルのまとめられます。大きさに形式的制限があるのかは知りませんが、普通は 16×16 や 32×32, せいぜい 64×64 が使われます。



アイコンファイルの形式
Windowsで使用されるアイコンは、「*.ICO」という拡張子を持つ、イメージファイルです。ここでは、そのアイコンのファイル形式を解説したいと思います。



【関連エントリー】
- 広告不況を救ってくれるのはトイレ広告?
- Webマーケティングとは
- 「欲しい」と「必要だ」の間には、「チェンジ」と「チャンス」のタネがある
- イノベーションの本当の敵は、抵抗勢力ではなく停滞勢力
- なぜiPhoneは日本で売れないのか?
- 次の景気拡大期には、どんなメガブランドが出てくるのか
- 遠くの親類より近くの他人となって、顧客のマインドシェアを高める
- RSSリーダー使っていない人向けにメール配信機能を付けてみた
- なぜ、newsingのブランドカラーは“赤”なのか?
- R25.jpもリニューアルだったようだが落ちてる件
- 明日こそリニューアルさせるぞ!
- ADMT:広告とマーケティングの聖地(?)
- mixiモバイルで外部ブログなどPCサイトが参照できるようになった件
- リクルーティングもマーケティングも、ロイヤリティよりエンゲージメントでブランドエクイティ増大
- IT業界の“エンジニア”に未来はあるのか?
- peachjohnの下着広告はさすがに目のやり場に困る
- iphoneは欲しくならないけどPSPphoneなら欲しくなるかも
- BtoBサイトのトップページでFlashやってるとこはタコ
- 文化がなければ街じゃない
- ポジショニングできていない時に販売チャネルを開拓する方法
- モテるサイトは右ナビゲーション?
- webブラウザ2.0
- NIPPON VISION ナガオカケンメイ
- 白いから惹かれるんでしょうか
- セタガヤーンプロジェクト'08
- メッセージの伝え方
- 製品と商品の違い
- ルネサンス2.0 デザインの時代
- シェア10.9%を超えたらFirefox?
- Web2.0対応のマーケティングサイト
- マーケティングWebサイトのリニューアル遅延
- 課長007が使うWebブラウザ
generated by 関連エントリーリストジェネレータ



Webデザイン 知らないと困る現場の新常識100
Webデザイン 知らないと困る現場の新常識100こもりまさあき

MdN 2009-02-27
売り上げランキング : 10653

Amazonで詳しく見る
by G-Tools
Webデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS) Web creators (ウェブクリエイターズ) 2009年 04月号 [雑誌] SEO SEM Technique Vol.6 携帯サイト コーディング&デザイン Webデザインの「プロだから考えること」

■目次
CHAPTER 00 サイトデザインの指針─トラブルを避けるために
CHAPTER 01 HTMLを使った文書構造化に関する新常識
CHAPTER 02 CSSでのレイアウトに関する新常識
CHAPTER 03 CSSでの装飾・デザインに関する新常識
CHAPTER 04 イメージ素材の取り扱いに関する新常識
CHAPTER 05 JavaScriptなどプログラムに関する新常識
CHAPTER 06 企画から運用まで、制作全般に関する新常識
■内容紹介
今さら聞けない現場の疑問・トラブルに答えます!
日々進化しつづけるWebデザインの現場。教科書どおりの知識がそのまま通用するわけではありません。本書はXHTMLやCSSデザインで起こりやすいトラブル、画像周りの基本知識、 JavaScriptなどのプログラムから制作周辺についてまで、現場のプロならば知っておきたい現場の常識を100項目集めて解説しました。Web標準時代のWeb制作に関わるすべての方に必携の一冊。
■内容(「BOOK」データベースより)
今さら、聞けない。現場の疑問・トラブルに答えます!XHTML+CSSデザインのキホン、JavaScriptなどプログラムや画像イメージの扱い、サーバや運用など制作全般に関する事項まで、今どきのWeb制作でよくあるトラブルや基本の知識をまとめました。現場のプロならば知っておきたい新・ 100の常識。
■著者略歴 (「BOOK著者紹介情報」より)
こもり まさあき
1972年生まれ。フリーランスデザイナー。DTP関連業務を経てインターネット黎明期からWebサイト構築などに関わる。現在は、ネットワーク関連業務からライブ撮影まで多岐にわたり活動中
小林 信次
茨城県出身:1980年生まれ。2004年11月、(有)アイエイトワンへ入社。08年8月11日、(株)まぼろしを設立。主に、Webディレクション、マークアップを担当千貫 りこ
フリーランスのWebクリエイター。約8年間の制作会社勤務を経て2005年に独立。Webサイトの企画・制作業務の他、執筆やプライベートセミナー開講なども行う。出版、呉服、店舗、作家、NPO法人などクライアントの業種は多岐にわたる
堀内 敬子
九州出身、1976年生まれ。有限会社アズ・シーツー、代表取締役/ディレクター/デザイナー。雑誌編集、Web制作会社勤務、フリーランス等を経て、 2005年11月にWeb制作会社を設立。雑誌連載・記事執筆、講演等(本データはこの書籍が刊行された当時に掲載されていたものです)

posted by 課長007 at 15:31 | 東京 ☁ | Comment(0) | TrackBack(0) | Weblog | このブログの読者になる | 更新情報をチェックする はてなブックマーク - favicon(ファビコン)がIE7で表示されない問題の簡単な解決法
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス: [必須入力]

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
最近の記事
最近のコメント
最近のトラックバック
カテゴリ
gooリサーチモニターに登録!



キーワードアドバイスツールプラス アクセスアップ・SEO対策・検索エンジン登録