favicon.icoエラーが発生する


131

HTMLでコーディングするためにNetbeans IDEをダウンロードしました。私はそれが初めてです。コードを実行すると、Chromeが起動し、すべてが正常に動作しています。出力-ブラウザログでなんらかのエラーが発生します。

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

どうすれば修正できますか?

回答:


151

私もしばらくの間このエラーに遭遇しました。これは、netbeansコネクタに関連するある種のnetbeansバグの可能性があります。favicon.ico私のコードやプロジェクト設定で何の言及も見つかりません。

head私のhtmlファイルのセクションに次の行を入れることでそれを修正することができました

<link rel="shortcut icon" href="">

現在、これをテスト環境で使用していますが、本番環境では削除します。


3
NetBeansとは関係がないと思います。いつでも起こりますcordova run browser
Ricardo Cruz

2
私にとっては、私のウェブサイトのディレクトリの中にいる間に今起こった。しかし、それはfavicon.icoを探すルートディレクトリを指しています。私はChromeを使用しています...
2017

4
NetBeansとは関係ありません。Eclipse、PyCharmなどを使用していますが、同じエラーが発生します。
Ibo 2017年

3
この解決策は、私が試したので正しくない可能性があり、機能しません。まだエラーが発生します。
Vlădel

@タマスは私にとっても同じだ、以下の答えが正しいはずだ
Charis Theo

131

受け入れられた答えは私にとってはうまくいきませんでした、href属性に値を追加する必要がありました:

<link rel="shortcut icon" href="#" />

8
受け入れられた答えも私にとってはうまくいきませんでした。これを投稿してくれてありがとう...それは私(クロム)で働いた。
Nirmal

1
ええ、これは、AWS S3でHTMLページをホストしているときのChromeのエラーを取り除きます。コードにファビコンへの参照がないにもかかわらず、favicon.icoで403エラーが発生します。
MSC、

これにはMIMEタイプを指定する必要がありますか?
Kurkula

1
これは参照して、(クロムを含む)一部のブラウザで文書の二重のフェッチをトリガーするstackoverflow.com/questions/2009092/...
kursus

@kursus:問題は、Srジュリアン回答に抑制されているようだstackoverflow.com/a/40527353/669527
IvanH

25

受け入れられた答えがうまくいかなかったので、この解決策を見つけました。

最も投票された解決策として、HTMLバージョンに関連している可能性があります。

HTML5に対して検証するドキュメントが必要な場合は、代わりにこれを使用してください:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

詳細については、リンクを参照してください。


24

favicon.icoは、WebサイトのタイトルバーにあるWebサイトのアイコンです。NetbeansはWebサイトのフォルダーでfavicon.icoファイルを見つけることができませんでした

あなたがそれを望まないなら、あなたはあなたのheadセクションでこれに似た行を削除することができます

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

または、タイトルバーにアイコンを使用する場合は、アイコンコンバーターを使用して.ico画像を生成し、それをWebサイトフォルダーに保持し、上記のヘッドセクションの行を使用できます。


4
私の頭の部分にはそのようなアイコンはありません。
Rockstar5645

1
ヘッドセクションのhtmlコードを投稿してください。コードを見ずにエラーを解決するのは困難です
Trinadh venna

15

上記の答えは私にはうまくいきませんでした。私はファビコンについて非常に良い記事を見つけ、説明しました:

  • Faviconとは
  • Favicon.icoがログファイルで404として表示されるのはなぜですか。
  • ファビコンを使用する理由
  • Picsまたは他のファビコン作成者からのFavIconを使用してファビコンを作成する方法;
  • ファビコンを表示する方法

そこで、を使用してファビコンを作成しましたFavIcon from Pics。それをフォルダー(faviconという名前)に入れ、このコードを<head>タグに追加します。

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

これでエラーは発生せず、ファビコンが表示されます。

ここに画像の説明を入力してください


これを試してみました... ..すべては私の地元で罰金に動作しますが、私はこのエラーを取得していますサーバにデプロイするとき
Ziggler

1
@Petya Kostova、リンクありがとうございます!非常に役立ちます。ただ、1つの以上のリンクを追加するには、この記事では、どのように説明しiconながら、クローム/ Firefoxの/などのためであるshortcut iconIEのために、ちょうどあなたが両方を必要とする理由興味があった(私のような)人のためです。
James Toomey

9

私にとっても答えはうまくいきませんでしたが、これはうまくいきました:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

これにより、二重フェッチを引き起こさずに問題が解決されます。
IvanH

4

あなたはあなた自身のイメージを提供し、頭の中でそれを参照することができます、例えば:

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

3

また、hrefの場所に問題がないように注意してください。研究事例:

私のインデックスページは、LAYOUTSという名前の一時的なサブフォルダーにありました。LAYOUTSフォルダーの兄弟であるIMAGESフォルダー内からfavicon.pngにアクセスするには、次のようにhrefにパスを配置する必要がありました。

href="../images/favicon-32x32.png"

フォルダーナビゲーション "上向き"は2つのピリオドが必要です。スラッシュ+ images文字列で画像フォルダーに移動し(ツリーブランチ "ジャンプ"を実行)、最後にでファイルを参照しますfavicon-32x32.png

この説明は、最初から始める人には役立ちます。また、LAYOUTSフォルダーの外に特定の* .phpファイルがあり、リンクに別のツリーのhrefが必要であることを忘れていたので、それを数回見ていたら便利でした。各ページのHEADセクションから。

それに応じてファビコン画像へのパスを参照してください。


1
相対パスを直接使用するのが良いかどうかはわかりません。MVCまたはASP.NET Web APIを使用してURLを完全に解決してからクライアントに送信する場合、通常は@ Url.Content( "〜/ Images / favicon.ico")を使用します。
justdan23 2017

2

この問題は、このタグのHEDERでHTMLファイルの先頭を宣言しない場合に発生します。

<link rel="icon" href="your_address_icon" type="image/x-icon">

0

私は変な状況にありました。鉱山は正常に動作しており、そのエラーメッセージで突然停止しました。ヘッダー宣言はすでにありました。だから、なぜそれが機能しなかったのかについて、私はばかげて設立されました。

<link rel="shortcut icon" href="favicon.png">

文字通り、サイトの他には何も問題がありませんでした。私のためにそれを修正した唯一のことは私のApacheサービスを再起動することでした、そしてすべては再び良好でした。

他に何も機能しない場合は、その一撃を与えて、何が起こるかを見てください。


0

各ブラウザ/デバイスが異なる方法で処理するため、これは悪夢です。

ファビコンジェネレーターは、可能な限りのシナリオをカバーする必要があるアプリケーションで私を支援します。

https://realfavicongenerator.net/

少なくとも260px x 260pxのpng画像が必要であり、そこからジェネレーターがWebページ内に必要なすべての参照を作成します。

この参照と画像をアプリケーションに追加するだけです。

ここに画像の説明を入力してください


-1

同じfavアイコンエラー-404(見つかりません)が発生しました。<head>index.htmlファイルの要素で次の要素を使用し、エラーを修正しました。

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

1
これがエラーを修正する方法の説明は非常に役立ちます。回答の詳細を追加することを検討してください。
bjoster
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.