TODOS・何でも情報交換TOPから是非ご覧ください。
一番下の投稿フォームへ > スレッド一覧 > 記事閲覧
ファビコン
日時: 2009/05/05 07:57
名前: りり

以前、こちらでファビコンのご要望もあり、.htaccessに一時設定して、IE6でもお気に入り登録すれば、ファビコンが出るようになっていました。
http://todos.xsrv.jp/11patioalacarte/todos.cgi?mode=&no=7&p=32

でも、一ページずつ、お気に入りにしなければ、ファビコンは機能しません。
また、サーバ負荷の問題もあり、.htaccessのファビコン記述は、削除してしまいました。

でも、せっかく作ったので、favicon.icoの画像自体は、サーバに残していました。

職場のIE7のパソコンで見ると、必ずファビコンが表示されるのです。
以前のキャッシュが残っているのかと思っていたら、新しいマシンでも、完璧にどのページでもファビコンを表示します。

不思議に思って調べたら、IE7では、サーバにfavicon.icoがあるだけで読みに行くんですね。

こういうこともブラウザで違ってきていて、.htaccessにファビコン記述せよという情報もどんどん古くなっていくんでしょうね。

皆様、お使いのブラウザでのファビコン表示はどうなっているでしょうか。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | 1 |

Re: ファビコン ( No.71 )
日時: 2016/01/18 21:23
名前: sugiyama

画像のまとめ、ありがとうございます。

マルチファビコンの16x16、32x32、48x48が使われているようです。
・お気に入りリストでは16x16(上半身バージョン),
・タスクバーでは32x32(全身バージョン)、
・デスクトップのショートカットアイコン、タイルでは48x48(文字入り)、
です。

タイル用に設置した
http://www.ysugiyama.com/vinyl/images/apple-touch-icon-144.png
などのアイコンは使われていないようです。
私の予定では、タイル全体が指定色(黄色)になって、その一部に「微+イラスト」があるはずでしたが、
なぜかタイルは紫色ですね。
メンテ
Re: ファビコン ( No.72 )
日時: 2016/01/20 06:46
名前: りり

あのタイルですが
http://www.conifer.jp/ie_check780.html
browserconfig.xmlというのを設定するようですよ。

私も去年、ログに、browserconfig.xmlを探している様子がでていたので、それで調べて作りかけて途中になっていますが。
http://todos.xsrv.jp/11patioalacarte/todos.cgi?mode=view2&f=94&no=90-92

sugiyamaさんのタイルに使われているのは、Webサイトのショートカットアイコンと同じ物になっていると思います。もしかしたら、タイルを載せるときの私の設定方法にも寄るのかもしれませんが。

また調べてみますね。
メンテ
Re: ファビコン ( No.73 )
日時: 2016/01/20 07:33
名前: りり

sugiyamaさん、タイルは、まだ直せていないのですが、よくアクセルするサイトでは、sugiyamaさんが作られたタイルが出ているようです。うちのは、ダメです。ルートに送っただけではダメなのかも。

仕事から帰ったら、詳しく調べたいと思います。
メンテ
Re: ファビコン ( No.74 )
日時: 2016/01/20 19:58
名前: sugiyama

自分はxmlファイルがよく分からないので、htmlファイルだけいじって済ませています。
xmlファイルだと、サイトのページが更新された時にタイルに(1)とかバッジが表示されたりするようですが…。。
「xmlファイルを使わない静的な奴は
<meta name="msapplication-square70x70logo" content="/vinyl/images/apple-touch-icon-70.png">
<meta name="msapplication-square150x150logo" content="/vinyl/images/apple-touch-icon-150.png">
だけ書いとけ」
みたいな記述を見て、その通りにしてあります。

新しく紹介されたサイトでは
<meta name="msapplication-TileImage" content="/vinyl/images/apple-touch-icon-144.png">
<meta name="msapplication-TileColor" content="#fcfd95">
が使われているようです。
すなわち、背景透過のpng画像(文字+人物)と、指定色です。
(ファビコンは角丸プラステック風のアイコンなので、このフラットのは明らかにapple-touch-icon)

TODOS、Yahooのタイルはアイコンの中の一色を自動的に背景色にされているので、
やはり大きい背景透過画像で背景色指定をした方がよいようです。
あと、タブに出るファビコンも背景透過した方がいいと思います。(添付画像参照)
白のままだと背景透過し忘れてると思われそうなんですよね。
メンテ
Re: ファビコン ( No.75 )
日時: 2016/01/22 07:54
名前: りり

TODOSのは、16×16しか作っていなくて…取り敢えずと四苦八苦、もう8年前ですね…
http://todos.xsrv.jp/11patioalacarte/todos.cgi?no=7&res=63

透過は、忘れているのでは無くしなかったのですが、イタリック体のTが細くて、背景が水色だと埋もれてしまうんですよ。

いろいろ状況が変わったので、マルチなファビコンで作り直したほうが良いですね。

タイルの方は、
>「browserconfig.xml」の設置は、ドキュメントルートが基本になります(metaタグ記述で変更も可能です)。
と書いてありますが、browserconfig.xmlのどこかにミスか、タイル貼りでのミスか…

タイルは、大中小と横長と4つ作って入れてあるんですが、タイルを貼るときに、どの大きさで貼るとか、何も設定していないし、まだまだよく分かりません。

metaタグ記述で変更も可能とあるので、sugiyamaさんのような方式も試してみたいと思います。

ちょっと今取り込んでいて、進められないでいて済みません。
メンテ

*TODOS・何でも情報交換・TOP*<スレッドPage> 最新 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | 1 |

楽しい交流と情報交換のTODOS・アップローダーも用意。ぜひTOPからもご覧ください。
ご参考になりましたら、お気軽に一筆お書き込みくださいませ。
題名 スレッドをトップへソート
名前
画像添付
JPEG
GIF
PNG



参照ボタンを押して、PCの画像を指定ください。3枚まで指定できます。縮小画像はクリックで拡大されます。
パスワード (好きなパスワードを。投稿後、右下のスパナマークをクリックし、そのパスワードを入れて修正できます。)
コメント

   クッキー保存
スレッドTOPへ***スレッド一覧