Otrzymuję błąd favicon.ico


131

Ściągnąłem Netbeans IDE do kodowania w HTML. Jestem nowy w tym. Kiedy uruchamiam kod, Chrome się otwiera i wszystko działa dobrze. W danych wyjściowych - dzienniku przeglądarki pojawia się jakiś błąd.

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

Jak to naprawić?

Odpowiedzi:


151

Ja też mam ten błąd od jakiegoś czasu. Może to być jakiś błąd netbeans, który ma związek ze złączem netbeans. Nie mogę znaleźć żadnej wzmianki o tym favicon.icow moim kodzie ani w ustawieniach projektu.

Udało mi się to naprawić, umieszczając następujący wiersz w headsekcji mojego pliku html

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

Obecnie używam tego w moim środowisku testowym, ale usunąłbym go z dowolnego środowiska produkcyjnego.


3
Nie sądzę, że ma to związek z NetBeans. Dzieje się to zawsze, gdy to robisz cordova run browser.
Ricardo Cruz,

2
U mnie stało się to teraz, będąc w katalogu mojej witryny. Ale wskazywał na katalog główny szukający favicon.ico. Używam Chrome ...
Alex Cio,

4
Nie ma to nic wspólnego z NetBeans, używam Eclipse, PyCharm itp. I otrzymuję ten sam błąd.
Ibo

3
To rozwiązanie może nie być poprawne, ponieważ próbowałem, ale nie działa. Nadal pojawia się błąd.
Vlădel

@Tamas yeap to samo dla mnie, odpowiedź poniżej powinna być poprawna
Charis Theo

131

Zaakceptowana odpowiedź nie działała dla mnie, musiałem dodać wartość do atrybutu href:

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

8
Przyjęta odpowiedź też mi nie odpowiada. Dzięki za opublikowanie tego ... zadziałało mi (w chrome).
Nirmal

1
Tak, to usuwa błąd w Chrome podczas hostowania mojej strony HTML na AWS S3. Bez tego wyskakuje mi błąd 403 dla favicon.ico, mimo że w kodzie nie było odniesienia do favicon.
MSC,

Czy musimy w tym celu określić typ MIME?
Kurkula

1
Spowoduje to podwójne pobranie dokumentu w niektórych przeglądarkach (w tym w Chrome), patrz stackoverflow.com/questions/2009092/ ...
kursus

@kursus: Problem wydaje się być stłumiony w Sr Julien answer stackoverflow.com/a/40527353/669527
IvanH

25

Zaakceptowana odpowiedź nie działa dla mnie, więc znalazłem to rozwiązanie .

Może to być związane z wersją HTML, ponieważ najczęściej głosowano tam rozwiązanie:

Jeśli chcesz, aby dokument był weryfikowany pod kątem HTML5, użyj tego:

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

Zobacz łącze, aby uzyskać więcej informacji.


24

favicon.ico to ikona strony internetowej na pasku tytułu Twojej witryny. Netbeans nie mógł znaleźć pliku favicon.ico w folderze Twojej witryny

jeśli tego nie chcesz, możesz usunąć wiersz podobny do tego w sekcji head

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

lub jeśli chcesz użyć ikony na pasku tytułu, możesz użyć konwertera ikon, aby wygenerować obraz .ico i zachować go w folderze swojej witryny i użyć powyższej linii w sekcji nagłówka


4
W mojej sekcji głównej nie ma takiej ikony.
Rockstar5645

1
Proszę zamieścić swój kod html sekcji nagłówka, trudno jest rozwiązać błąd bez zobaczenia kodu
Trinadh venna

15

Powyższe odpowiedzi nie działają dla mnie. Znalazłem bardzo dobry artykuł dla Favicon , wyjaśniający:

  • co to jest Favicon;
  • dlaczego Favicon.ico pojawia się jako 404 w plikach dziennika;
  • dlaczego warto używać Favicon;
  • jak stworzyć Favicon używając FavIcon z Pics lub innego twórcy Favicon;
  • jak sprawić, by Twoja Favicon się wyświetlała.

Więc stworzyłem Favicon używając FavIcon from Pics. Umieść go w folderze (o nazwie favicon) i dodaj ten kod w <head>tagu:

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

Teraz nie ma błędu i widzę mój Favicon:

wprowadź opis obrazu tutaj


Próbowałem ... wszystko działa dobrze w moim lokalnym, ale kiedy wdrażam na serwerach, pojawia się ten błąd ..
Ziggler

1
@Petya Kostova, dzięki za link! Bardzo pomocne. Aby dodać jeszcze jeden link, w tym artykule wyjaśniono, jak icondziała Chrome / Firefox / etc, a shortcut iconIE, tylko dla każdego (takiego jak ja), który był ciekawy, dlaczego potrzebujesz obu.
James Toomey

9

Dla mnie odpowiedź też nie działała, ale to działa dobrze:

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

To rozwiązuje problem bez powodowania podwójnego pobierania.
IvanH

4

Możesz podać własny obraz i odwołać się do niego w głowie, na przykład:

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

3

Uważaj też, aby lokalizacja href nie była błędna. Studium przypadku:

Moja strona indeksu znajdowała się w tymczasowym podfolderze o nazwie LAYOUTS. Aby dostać się do favicon.png z wnętrza folderu IMAGES, który był siostrzanym folderem LAYOUTS, musiałem umieścić ścieżkę w moim href w ten sposób

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

Podwójne kropki są niezbędne do nawigacji w folderze „w górę” , następnie ukośnik + imagesciąg przenosi Cię do folderu obrazów (wykonując „skok” do gałęzi drzewa), a na koniec możesz odwołać się do pliku, pisząc favicon-32x32.png.

To wyjaśnienie jest przydatne dla tych, którzy zaczynają od zera i dobrze byłoby zobaczyć je kilka razy, ponieważ zapomniałbym, że mam pewne pliki * .php poza folderem LAYOUTS, które wymagały różnych hrefów drzew w moich linkach, z sekcji HEAD na każdej stronie.

Odnieś się odpowiednio do ścieżki do obrazu favicon.


1
Nie jestem pewien, czy dobrze jest bezpośrednio używać ścieżek względnych. Zwykle używam @ Url.Content („~ / Images / favicon.ico”), jeśli używam MVC lub ASP.NET Web API do pełnego rozpoznawania adresów URL przed wysłaniem ich do klienta.
justdan23

2

Ten problem występuje, gdy nie zadeklarujesz tego tagu na początku pliku HTML w HEDER.

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

0

Miałem dziwną sytuację. Mój działał dobrze i nagle zatrzymał się z tym komunikatem o błędzie. Miałem już deklarację nagłówka. Więc byłem głupi, ustalony, dlaczego to nie działa.

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

Dosłownie nic innego w witrynie nie miało problemu, który mógłbym powiedzieć. Jedyną rzeczą, która mi to naprawiła , było ponowne uruchomienie usługi Apache i wszystko znów było dobrze.

jeśli nic innego nie działa, zrób to i zobacz, co się stanie.


0

To koszmar, ponieważ każda przeglądarka / urządzenie obsługuje to inaczej.

Generator Favicon bardzo mi pomaga w tych aplikacjach, w których musimy uwzględnić najbardziej możliwe scenariusze.

https://realfavicongenerator.net/

Potrzebujesz tylko obrazu png 260px x 260px (przynajmniej) i stamtąd generator utworzy wszystkie potrzebne odniesienia na twojej stronie internetowej.

Wystarczy dodać te odniesienia i obrazy do swojej aplikacji.

wprowadź opis obrazu tutaj


-1

Otrzymałem ten sam błąd ikony ulubionych - 404 (nie znaleziono). Użyłem następującego elementu w <head>elemencie mojego pliku index.html i naprawiłem błąd:

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

1
Wyjaśnienie, jak to naprawia błąd, byłoby bardzo pomocne, rozważ dodanie szczegółowych informacji o odpowiedzi.
bjoster
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.