Favicon.ico hatası alıyorum


132

Netbeans IDE'yi HTML koduna indirdim. Ben yeniyim. Kodumu çalıştırdığımda, Chrome açılıyor ve her şey yolunda gidiyor. Çıktı - Tarayıcı Günlüğü'nde bir tür hata alıyorum.

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

Nasıl düzeltirim?

Yanıtlar:


151

Ben de bir süredir bu hatayı yaşadım. Netbeans konektörüyle ilgili bir tür netbeans hatası olabilir. Kodumda favicon.icoveya proje ayarlarında herhangi bir söz bulamıyorum .

headHtml dosyamın bölümüne aşağıdaki satırı ekleyerek düzeltmeyi başardım

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

Şu anda bunu test ortamımda kullanıyorum, ancak herhangi bir üretim ortamı için kaldırırım.


3
NetBeans ile ilgisi olduğunu sanmıyorum. Ne zaman yaparsan olur cordova run browser.
Ricardo Cruz

2
Benim için şimdi web sitemin bir dizininin içindeyken oldu. Ancak favicon.ico'yu arayan kök dizini işaret ediyordu. Chrome kullanıyorum ...
Alex Cio

4
NetBeans ile ilgisi yok, Eclipse, PyCharm vb. Kullanıyorum ve aynı hatayı alıyorum.
Ibo

3
Bu çözüm denediğim gibi doğru olmayabilir ve işe yaramıyor. Hala hatayı alıyorum.
Vlădel

@Tamas benim için aynısını yapıyor, aşağıdaki cevap doğru cevap olmalı
Charis Theo

131

Kabul edilen cevap benim için işe yaramadı, href özelliğine bir değer eklemem gerekiyordu:

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

8
Kabul edilen cevap benim için de işe yaramadı. Bunu gönderdiğiniz için teşekkürler ... işe yaradı (kromda).
Nirmal

1
Evet, bu, HTML sayfamı AWS S3'te barındırırken Chrome'daki hatayı ortadan kaldırır. Kodda bir favicon'a referans olmamasına rağmen, onsuz favicon.ico için bir 403 hatası alıyorum.
MSC

Bunun için herhangi bir mime türü belirlememiz gerekiyor mu?
Kurkula

1
Bu, bazı tarayıcılarda (Chrome dahil) belgenin çift getirilmesini tetikleyecektir, bkz. Stackoverflow.com/questions/2009092/…
kursus

@kursus: Sorun, Sr Julien cevabı stackoverflow.com/a/40527353/669527
IvanH

26

Kabul edilen cevap benim için işe yaramadı, bu yüzden bu çözümü buldum .

Burada en çok oylanan çözümün ifade ettiği gibi HTML sürümüyle ilgili olabilir:

Belgenizin HTML5'e göre doğrulanması gerekiyorsa, bunun yerine şunu kullanın:

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

Daha fazla bilgi için bağlantıya bakın.


24

favicon.ico, web sitenizin başlık çubuğundaki bir web sitesinin simgesidir. Netbeans, web sitesi klasörünüzde favicon.ico dosyasını bulamadı

istemiyorsanız baş bölümünüzden buna benzer çizgiyi kaldırabilirsiniz.

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

veya başlık çubuğu için bir simge kullanmak istiyorsanız, bir .ico görüntüsü oluşturmak ve web sitesi klasörünüzde tutmak ve başlık bölümünde yukarıdaki satırı kullanmak için simge dönüştürücüyü kullanabilirsiniz.


4
Baş bölümümde böyle bir simge yok.
Rockstar5645

1
Lütfen baş bölüm html kodunu gönderin, kodu görmeden bir hatayı çözmek zordur
Trinadh venna

15

Yukarıdaki cevaplar benim için işe yaramadı. Favicon için şu açıklamayı yapan çok iyi bir makale buldum :

  • Favicon nedir;
  • Favicon.ico neden günlük dosyalarında 404 olarak görünüyor;
  • neden bir Favicon kullanmalısınız;
  • Pics veya diğer Favicon oluşturucuların FavIcon'unu kullanarak bir Favicon nasıl oluşturulur ;
  • Favicon'unuzun nasıl gösterileceği.

Bu yüzden Favicon'u kullanarak oluşturdum FavIcon from Pics. Klasöre koyun (favicon olarak adlandırılır) ve bu kodu <head>etikete ekleyin :

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

Şimdi hata yok ve Favicon'umu görüyorum:

görüntü açıklamasını buraya girin


Bunu denedim ... her şey yerelimde iyi çalışıyor ama sunuculara konuşlandırdığımda bu hatayı alıyorum ..
Ziggler

1
@Petya Kostova, bağlantı için teşekkürler! Çok yararlı. Sadece bir bağlantı daha eklemek için, bu makaleicon Chrome / Firefox / vb. İçin nasıl shortcut iconIE için olduğunu açıklar , sadece (benim gibi) neden her ikisine de ihtiyacınız olduğunu merak eden herkes için.
James Toomey

9

Benim için cevap da işe yaramadı, ancak bu iyi çalışıyor:

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

Bu, sorunu çift getirmeye neden olmadan çözer.
IvanH

4

Kendi resminizi sağlayabilir ve kafasına referans verebilirsiniz, örneğin:

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

3

Ayrıca, href konumunuzun hatalı olmaması için dikkatli olun. Çalışma örneği:

Dizin sayfam LAYOUTS adlı geçici bir alt klasördeydi. LAYOUTS klasörünün bir kardeşi olan IMAGES klasörünün içinden favicon.png'ye ulaşmak için href'ime şöyle bir yol koymam gerekiyordu

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

Klasörde "yukarı doğru" gezinme için çift nokta gereklidir , ardından eğik çizgi + imagesdize sizi görüntüler klasörüne götürür (bir ağaç dalına "atlama" yaparak) ve son olarak yazarak dosyanıza başvurabilirsinizfavicon-32x32.png .

Bu açıklama, sıfırdan başlayanlar için kullanışlıdır ve LAYOUTS klasörünün dışında bağlantılarımda farklı ağaç href'leri gerektiren belirli * .php dosyalarına sahip olduğumu unuttuğum için birkaç kez görmüş olmam yararlı olurdu. her sayfanın HEAD bölümünden.

Favicon görüntünüzün yolunu uygun şekilde referans alın.


1
Doğrudan göreceli yolları kullanmanın iyi olup olmadığından emin değilim. İstemciye göndermeden önce URL'leri tam olarak çözmek için MVC veya ASP.NET Web API kullanıyorsanız, genellikle @ Url.Content ("~ / Images / favicon.ico") kullanırım.
justdan23

2

Bu sorun, HTML dosyanızın en üstünde HEDER'de bu etiketi bildirmediğinizde ortaya çıkar.

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

0

Garip bir durum yaşadım. Benimki iyi çalışıyordu ve bu hata mesajıyla aniden durdu. Zaten başlık bildirimine sahiptim. Bu yüzden neden işe yaramadığı konusunda aptaldım.

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

Kelimenin tam anlamıyla sitede başka hiçbir şeyin anlatabileceğim bir sorunu yoktu. Tek şey sabit benim için benim Apache hizmetini yeniden başlatmak için ve tüm yine iyiydi.

başka hiçbir şey işe yaramıyorsa, bir deneyin ve ne olacağını görün.


0

Her tarayıcı / cihaz onu farklı şekilde ele aldığı için bu bir kabus.

Favicon oluşturucu, en olası senaryoları ele almamız gereken uygulamalar için bana çok yardımcı oluyor.

https://realfavicongenerator.net/

Sadece 260px x 260px (en azından) bir png resmine ihtiyacınız var ve buradan, jeneratör web sayfanızda ihtiyacınız olan tüm referansları oluşturacaktır.

Bu referansları ve resimleri uygulamanıza eklemeniz yeterlidir.

görüntü açıklamasını buraya girin


0

Daha Angularönce .angular-cli.jsonbaşvurulan dosyamız vardı favicon.ico. Yeni sürümlerinden birine yükseltme Angularyaparsanız, angular.jsonbunun yerine sahip olacaksınız . Bu yeni sürümler için, bundan böyle favicon yoluna başvurmanız gerekir index.html.


-1

Aynı fav simgesi hatası alıyordum - 404 (Bulunamadı). <head>İndex.html dosyamın öğesinde aşağıdaki öğeyi kullandım ve hatayı düzelttim:

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

1
Bunun hatayı nasıl düzelttiğine dair bir açıklama çok yardımcı olacaktır, cevabınızla ilgili ayrıntıları eklemeyi düşünün.
bjoster
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.