Cat-sushi Log: Favicon

ラベル Favicon の投稿を表示しています。すべての投稿を表示

2009/01/11

Googleがまたfaviconを変更 (変えすぎ)

Googleがまたfaviconを変えたようです。

前回もそう思ったのですが、当初はGoogleお得意の洒落かと思っていました。
しかし、

Official Google Blog: Google's new favicon

によるとどうやら本気のようです。

前回の変更があまりにシンプルなデザインであったので再度Googleらしい色使いのものに変更したかったのでしょう。

先のブログに、「気に入ってもらえるといいな」と書いてありますが結構このアイコンはお気に入りです。

しかし、ブランドのシンボルをそうちょくちょく変更するのもいかがなものかと。
タブやブックマークで一瞬にしてそれであることを判断しているのに、変更直後はそれができません。

トップページのロゴ

がほとんど変更されないのに、どうしてfaviconだけ、なんでしょうねぇ?

個人的には、もう変えないで欲しいものです。

2008/12/18

Faviconが表示されない Part 5 (全て解決)

Faviconが表示されない Part 4 (かなり改善)で「それでは、本テーマはこの辺で。」と言ったにもかかわらず、続報です。

~~IE7~~IE8 Betaはその後の確認では、一度は表示されたはずのタブとアドレスバーがIEのアイコンに戻っていて、お気に入りのアイテムにだけカスタムFaviconが表示されていました。

さすがに、IEで表示されないのはちょっと、と思っていじっていたら、結局、Firefox 3.0、Chrome 1.0、Safari 3.1.1、~~IE7~~IE8 Betaで全て問題なく表示されました。

やったことは、

<head>

内の

<b:include data='blog' name='all-head-content'/>

より前を極力シンプルにし(具体的にはGoogle Webmaster Toolsと日米Yahoo! Site Explorerの認証メタタグのみ)、
Faviconの<link>タグのうちicoのもの

<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='shortcut icon'/>
<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='icon' type='image/vnd.microsoft.icon'/>

を

<b:include data='blog' name='all-head-content'/>

の直後に埋め込んだ、
以上です。

結局pngは使っていません。
複数箇所に重複して指定もしていません。

できてしまえばあっけないもんです。

結論として言えることは、

タグは上書きであり後出が有効
でも、全部パースしないから極力前方に置くべし
all-head-contentにはBloggerのデフォルトFaviconの<link>があるからカスタムFaviconはその後ろに置け
pngタイプFaviconは互換性がいまいち(?)

と言ったところです。

2008/12/15

Faviconが表示されない Part 4 (かなり改善)

Faviconが表示されない Part 3 (?がいっぱい)に少し進展がありましたので報告します。

Fixing Custom Favicons for Blogger Blogsによると、

<b:include data='blog' name='all-head-content'/>

でincludeされるGoogle提供のコードにBloggerデフォルトのFaviconの定義が追加されたためにカスタムFaviconが表示されなくなったようです。

このエントリによると、HTMLドキュメントでは後に出てきたタグが常に前に出てきたタグを置き換えて上書きするので、all-head-contentよりも後に<link>タグを埋め込めばよいとのこと。
実際に</head>直前に<link>を埋め込むことを推奨しています。

では、試してみると...

いまいちです。

HTMLドキュメントでは常に...に反して、ブラウザによって

仕様通り最後の<link>タグ
基本最後の<link>タグだが、あまり後ろだと無視
最初の<link>タグ

といった動作の違いがあるようです。

いろいろ試した結果、わかった範囲で最も良いのは、

icoをall-head-contentの直前に埋め込み
pngをall-head-contentの直後に埋め込み

です。

これで、~~IE7~~IE8 Beta、Firefox 3.0、Chrome 1.0で正しく表示できたので良しとします。
SafariさんはBloggerデフォルトFaviconですが、力尽きました、あしからず。

なお、IEのやる気なさぶりの原因の一部も先のブログで解明されました。
それによると、IEはブックマークに登録しないとFaviconを表示しないそうです。
理由はFaviconの名前の由来である"favorite icon"の通り、お気に入りに表示すると解釈しているからだとか...(本当かぁ??)

関連して、修正後確認の際も、お気に入りから削除→IE再起動→お気に入り登録、という手順を踏まないと古いfaviconのままとなってしまいますので要注意です。

それでは、本テーマはこの辺で。

12/19追記
追加情報有ります。
Faviconが表示されない Part 5 (全て解決)

2008/12/13

Faviconが表示されない Part 3 (?がいっぱい)

Faviconが表示されない、Faviconが表示されない Part 2 (表示された? されない?)で悩んでいたFavicon問題ですが、
Faviconが表示されないにコメントを頂いたkionaさんの教えにより、かなり改善されました。
やったことは、Faviconのフォーマットを.icoから.pnmへの変更です。
これで、Firefoxで無事Faviconが変更されました。
どうもありがとうございます。m(_ _)m

ところが、これで全て解決されないところが厄介です。
GoogleのChromeではGoogle BloggerのデフォルトFaviconであったり、~~IE7~~IE8 BetaではブラウザのデフォルトFavicon(アイコンと一緒)であったり...
<link>タグの埋め込み位置にも影響があるようだし、.icoと.pngを両方指定すると良いとも聴いたのでいろいろ試してみました。
その結果が次の一覧です。

	Firefox 3.0	Chrome	Safari	~~IE7~~ IE8 Beta
</title>の直後 ico	C	G	G	B
</title>の直後 png	C	G	C	B
</title>の直後 png+ico	C	C	G/C/C→G	B/G
<head>の直後 ico	C→G	G	C	B
<head>の直後 png	G	G	C	B
</head>の直前 ico	C	G	G	B
</head>の直前 png	G	G	G	B

凡例
C Cat-sushiのFavicon (ビーズのビーグル犬)
G Google BloggerのFavicon (オレンジ地に白のB)
B ブラウザのアイコン (~~IE7~~IE8 Betaの場合は水色のe)

結論は... なんだか分かりません。orz
一瞬、犬が表示された後にBloggerのFaviconになったり、表示するごとにBloggerと犬が入れ替わったりする組み合わせがある辺りに何かヒントがありそうですが、今のところ自力では解決できていません。

kionaさんにペイ・フォワードしまーす、って宣言したのでとりあえず公開していますが、
あまり皆さんの役には立てられてはいませんね。

追加情報あったら逐次公開します。

12/15追記
追加情報有ります。
Faviconが表示されない Part 4 (かなり改善)

12/19追記
追加情報有ります。
Faviconが表示されない Part 5 (全て解決)

2008/11/30

Faviconが表示されない Part 2 (表示された? されない?)

Faviconが表示されないと報告しましたが、今日見たら復活している。
Blogger側が修正して直ったもの思い、Chromeからも確認してみたところ...

あれっ? 直っていない。
Firefoxのアドレスバーとタブには自分のFaviconがあるのに、ChromeのタブはBloggerのデフォルトFaviconのまんまです。

GoogleやMS(Faviconの置き場所)のcookie状態等が関係するのでしょうか?
ちなみに、ダイレクトにFaviconのURLを入力すると、この状態のChromeでも表示できます。

12/19追記
追加情報有ります。
Faviconが表示されない Part 5 (全て解決)

2008/10/25

Faviconが表示されない

はて、どうしたことでしょう、Faviconが表示されなくなってしまいました。

Faviconの.icoファイルには普通にアクセスできるのに。

スライドショーの時のように、いつの間にか直っていたりするんでしょうか?

12/19追記
追加情報有ります。
Faviconが表示されない Part 5 (全て解決)

登録: 投稿 (Atom)

2009/01/11

Googleがまたfaviconを変更 (変えすぎ)

2008/12/18

Faviconが表示されない Part 5 (全て解決)

2008/12/15

Faviconが表示されない Part 4 (かなり改善)

2008/12/13

Faviconが表示されない Part 3 (?がいっぱい)

2008/11/30

Faviconが表示されない Part 2 (表示された? されない?)

2008/10/25

Faviconが表示されない

カテゴリ