web-dev-qa-db-ja.com

ファビコンがIE

カスタムfavicon.icoを使用しているサイトがあります。 IEを除くすべてのブラウザーでファビコンが期待どおりに表示されます。 IEでファビコンを表示しようとすると、大きな赤いxが表示されます。別のブラウザでファビコンを表示すると、うまく表示されます。ページソースには含まれており、他のブラウザで動作します。ご意見ありがとうございます。

編集：解決済み：問題の原因は、ファイル名がicoからicoに変更されたjpgだったことです。ファイルをicoとして作成しましたが、期待どおりに動作します。ご入力ありがとうございます。

internet-explorerfavicon
41
augiesarmy

確かにあなたはそれほど役に立ちませんでした（ソースを提供することは本当に便利でした！）が、ここに行きます...

このようなコードは次のとおりです。

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

<head>？

画像はreal icoファイルですか？ （ビットマップの名前変更は実際の.icoではありません！わずかに異なる形式です）

ページをブックマークとして追加すると機能しますか？

59
Oli

IEおよびFireFoxでは、favicon.icoはサイトで最初にアクセスしたページでのみリクエストされます。つまり、favicon.icoがログインを必要とする場合（たとえば、サイトが閉鎖されている場合）サイトにログインする必要があります）、アイコンは表示されません。

解決策は、たとえばweb.configに追加するASP.Netで、favicon.icoに例外を追加することです。

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location>
22
yoel halb
 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. Favicon.icoはheadタグの間に配置する必要があります
  2. サイズ：16 X 16
  3. Internet Explorerの場合は透明である必要があります（外側の白い部分は見えないはずです）
11
Nivedita

誰でもこの答えにたどり着く必要があります：

同じ問題：IE（IE 10を含む）では動作しませんでした。

ファイルが「実際の」.icoファイルではなかったことが判明しました。これを http://www.favicon.cc/ にアップロードして修正し、再度ダウンロードしました。

まず、このサイトでランダムな.icoファイルを生成し、元のファイルの代わりにそれを使用してテストしました。それが働いたことを見た。

7
user984003

これは今では本当に古いトピックであることはわかっていますが、Google検索で最初に出たトピックなので、ソリューションを追加したかっただけです。

クライアントから提供されたアイコンでもこの問題が発生しました。 IE以外のすべてのブラウザーで表示されました。 linkまたはmetaタグを追加しても機能しなかったため、アイコンファイルの形式を確認し始めました。
これは有効なアイコンファイル（名前が変更された画像だけではない）のように見えましたが、最終的に修正されたのは画像に変換し、GIFとして保存してから変換することでした。アイコンに戻る。
また、テスト中にIEキャッシュをクリアするようにしてください。

4
germankiwi

URI "/favicon.ico"にアイコンを配置しようとしましたか？ IEはリンクタグの参照方法を知らない可能性があります。

詳細 W3から 。

4
Jonathan Tran

上記のすべてを試してもIEで動作しない場合、Windowsサーバーを使用している場合はIIS設定を確認してください。HTTPヘッダー> [コンテンツの有効期限を有効にする]設定を確認してください。 IS「すぐに期限切れ」に設定されていない

4
Jammin Jamy

私はこの正確な問題を抱えていて、何もうまくいかないようでした。ブラウザのキャッシュを何度もクリアし、さらにIE v9に更新した後、これを見つけました： http://favicon.htmlkit.com/favicon/

上記のリンクは問題を完全に解決しました！

2
RustyIngles

上記の解決策はどれも私にとってはうまくいきませんでした。

まず最初に、Webサイトを使用して上記のファビコンを作成するアイコンが正しい形式であることを確認しました。

次に、アイコンの名前を「favicon.ico」から「myicon.ico」に変更し、次のコードをページに追加しました（<head>タグ）：

<link rel="shortcut icon" href="myicon.ico" type="image/x-icon" />

アイコンはページと同じフォルダーにあります。

これで問題は解決しました。舞台裏の問題はおそらくIEのキャッシングに関係していましたが、私にはわかりません。

1
demonicdaron

URLを共有しますか？ IEはしばしば問題を抱えていましたが、多くのブラウザは（eg）png形式のファビコンに対応しています。-IEファビコンのが、ただひたすらウェブサーバーから「/favicon.ico」を取得しようとしました。

0
Sec

これはASPXページの問題のようです。IE（他はすべてChrome、FF、およびサファリ）はい]のページでファビコンを表示することができませんでしたそのルールの例外は、bing.com、msdn.com、およびMSに属し、asp.netで実行されている他のものです、彼らは私たちに言っていないものがあります！世界的に有名なサイトでさえIE例：manu.com（世界で最も閲覧されているスポーツチーム）aspxサイト。IEでファビコンを表示できません。 http://www.manutd.com/favicon.ico =アイコンを表示します。

間違っていることを証明してください。

0
Ferdinand Ta

IE9との非互換性については、IE9で認識されるファビコンを作成するためのヒントを提供するブログ投稿 this に出会いました。

本質的に、次のサイトでファビコンを作成してみてください。 http://www.xiconeditor.com/

0
orschiro

かつてPNGをfavicon.icoとして使用し、IEを除くすべてのブラウザーで表示しました。ファイル内の何かが原因で、IEによって認識されない可能性があります。また、32x32であることも確認してください。それが重要かどうかわからない。しかし、IEで表示するためには、確認する必要がありました。

それが役に立てば幸い。動作するかどうかを確認するために、他の場所からicoファイルを使用してみてください。

0
Mihai Lazar

次のようなものを試してください：

Htmlに追加：

  <link id="shortcutIcon" rel="shortcut icon" type="image/x-icon">
  <link id="icon" rel="icon" type="image/x-icon">

タグの後に縮小スクリプトを追加します。

<script type="text/javascript">
(function(b,c,d,a){a=c+d+b,document.getElementById('shortcutIcon').href=a,document.getElementById('icon').href=a;}(Math.random()*100,(document.querySelector('base')||{}).href,'/assets/images/favicon.ico?v='));
</script>

どこで

  • '/assets/images/favicon.ico'関連する.icoへのパス
  • ？v = 'Math.random（）* 100'-ブラウザの更新を強制するfavicon.ico

テストの前に履歴をクリアする：（ctr + shfit + del）

0
AllmanTool

これは他の人を助けるかもしれません。

私にとって、すべての手順を実行した後でも、IEにICONが表示されませんでした。

最後に、MSDNでメモを見つけました Troubleshooting Shortcut Icons 。

Internet Explorerが、Temporary Internet Filesフォルダーにショートカットアイコンを保存できることを確認します。キャッシュを保持しないようにInternet Explorerを設定している場合、アイコンを保存できず、代わりにデフォルトのInternet Explorerショートカットアイコンが表示されます。

通常モードで確認したら、「プライベート」モードでIEを使用していました。..Favアイコンが正しく表示されました。

0
Rajeev

Internet Explorerを管理者として実行します。 IEを通常モードで開くと、ファビコンはIE 11（Win 7）に表示されません。他のバージョンのブラウザでの動作についてはわかりません。 。

0
Durgaprasad MV

この作業クロスブラウザ（IE11、Edge、CHROME、FIREFOX、OPERA）では、 https://www.icoconverter.com/ を使用して.icoファイルを作成します

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" />
<link rel="icon" href="${favicon_url}" type="image/x-icon" />
<link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />
0
Wilson Delgado

ファビコンの応答ヘッダーを確認してください。 「Cache-Control：no-cache」を含めることはできません。

次を使用して、コマンドラインからこれを確認できます。

curl -I http://example.com/favicon.ico

または

wget --server-response --spider http://example.com/favicon.ico

（または、応答ヘッダーを表示する他のツールを使用します）

そこに「Cache-Control：no-cache」が表示される場合、サーバー構成を調整して、ファビコンの応答からそのヘッダーを削除するか、max-ageを設定します。

0
Lachlan Hunt

ソリューション ：

  • 画像の拡張子をpngからicoに変更するだけで、既存のpngファイルからアイコンを作成しました。 drupal 7 bartikテーマを使用しているため、ショートカットアイコンをサーバーにアップロードし、ChromeおよびFirefoxで機能しましたが、IEでは機能しませんでした。また、デスクトップ上の画像アイコンは白い空白でした。

  • その後、私はここで何人かの人のアドバイスを受け、画像エディターを使用して画像のサイズを32x32ピクセルに縮小しました（gimp 2 <<

  • 以前と同じ方法でアイコンをアップロードしましたが、すべてのブラウザーで問題なく機能しました。

Stackoverflowの皆さん、私はたくさんの問題を解決してくれました。ありがとうございました！

0
Rob Durden

Windows 10とWindows Server 2016の間、およびIEとEdgeの間で異なる動作が見られます。www.Microsoft.comを使用してテストしました。

Windows Server 2016 IE 11：
お気に入り：サイトアイコン
アドレスバー：サイトアイコン
ブラウザタブ：サイトアイコン

Windows 10 IE 11：
お気に入り：サイトアイコン
アドレスバー：汎用の青いEアイコン
[ブラウザ]タブ：汎用の青いEアイコン

Windows 10 Edge：
お気に入り：サイトアイコン
アドレスバー：アイコンなし
ブラウザタブ：サイトアイコン

Windows 10 IE汎用アイコンを表示するとどうなりますか？

0
BillVo

さまざまなオプションを試してみましたが、以下のオプションが役に立ちました。

<link rel="shortcut icon" href="/favicon.ico" >
<link rel="icon" type="/image/ico"  href="/favicon.ico" >

ページのヘッダーに上記の2行を追加しましたが、すべてのブラウザーで機能しました。

ありがとう

0
RaghuRam Kattreddi

また、証明書エラー（https）により、ファビコンが表示されないことがあります。セキュリティチームがサーバーの設定を変更し、「このWebサイトのセキュリティ証明書に問題があります」というメッセージを受け取り始めました。 [このWebサイトに進む（推奨されません）]をクリックします。ウェブサイトに連れて行ってくれましたが、ファビコンは表示されません。

0
An Bo