Saya mendapatkan kesalahan favicon.ico

132

Saya mengunduh Netbeans IDE ke kode dalam HTML. Saya baru mengenalnya. Ketika saya menjalankan kode saya, chrome terbuka dan semuanya bekerja dengan baik. Saya mendapatkan semacam kesalahan dalam Output - Log Browser.

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

Bagaimana saya memperbaikinya?

html netbeans Rockstar5645
sumber

Jawaban:

152

Saya memiliki kesalahan ini selama beberapa waktu juga. Mungkin ada semacam bug netbeans yang ada hubungannya dengan konektor netbeans. Saya tidak dapat menemukan penyebutan favicon.icodalam kode saya atau dalam pengaturan proyek.

Saya dapat memperbaikinya dengan meletakkan baris berikut di headbagian file html saya

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

Saat ini saya menggunakan ini di lingkungan pengujian saya, tetapi saya akan menghapusnya untuk lingkungan produksi apa pun.

elemen11
sumber
3
Saya tidak berpikir itu ada hubungannya dengan NetBeans. Itu terjadi setiap kali Anda melakukannya cordova run browser.
Ricardo Cruz
2
Bagi saya itu terjadi sekarang ketika berada di dalam direktori situs web saya. Tapi itu menunjuk ke direktori root mencari favicon.ico. Saya menggunakan Chrome ...
Alex Cio
4
Ini tidak ada hubungannya dengan NetBeans, saya menggunakan Eclipse, PyCharm dll dan saya mendapatkan kesalahan yang sama.
Ibo
3
Solusi ini mungkin tidak benar, karena saya sudah mencobanya, dan itu tidak berhasil. Masih mendapatkan kesalahan.
Vlădel
@Tamas yeap sama untuk saya, jawaban di bawah ini harus yang benar
Charis Theo
131

Jawaban yang diterima tidak berfungsi untuk saya, saya harus menambahkan nilai ke atribut href:

<link rel="shortcut icon" href="#" />
Agu Dondo
sumber
8
Jawaban yang diterima juga tidak berhasil untuk saya. Terima kasih telah memposting ini ... itu berhasil saya (di chrome).
Nirmal
1
Ya ini menghapus kesalahan di Chrome saat hosting halaman HTML saya di AWS S3. Tanpa itu saya mendapatkan kesalahan 403 untuk favicon.ico, terlepas dari kenyataan bahwa tidak ada referensi ke favicon dalam kode.
MSC
Apakah kita perlu menentukan jenis mime untuk ini?
Kurkula
1
Ini akan memicu pengambilan ganda dokumen di beberapa browser (termasuk Chrome), lihat stackoverflow.com/questions/2009092/…
kursus
@kursus: Masalahnya sepertinya ditekan di Sr Julien, jawab stackoverflow.com/a/40527353/669527
IvanH
26

Jawaban yang diterima tidak berhasil untuk saya, jadi saya menemukan solusi ini .

Ini mungkin terkait dengan versi HTML karena solusi yang paling banyak dipilih menyatakan:

Jika Anda memerlukan dokumen Anda untuk memvalidasi terhadap HTML5 gunakan ini sebagai gantinya:

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

Lihat tautan untuk info lebih lanjut.

Arnon Erez
sumber
24

favicon.ico adalah ikon situs web di bilah judul situs web Anda. Netbeans tidak dapat menemukan file favicon.ico di folder situs web Anda

jika Anda tidak menginginkannya, Anda dapat menghapus baris yang mirip dengan ini di bagian kepala Anda

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

atau jika Anda ingin menggunakan ikon untuk bilah judul, Anda dapat menggunakan ikon konverter untuk menghasilkan gambar .ico dan menyimpannya di folder situs web Anda dan menggunakan baris di atas di bagian kepala

Vena Trinadh
sumber
4
Tidak ada ikon seperti itu di bagian kepala saya.
Rockstar5645
1
Silakan kirim kode html bagian kepala Anda, sulit untuk menyelesaikan kesalahan tanpa melihat kode
Trinadh venna
15

Jawaban di atas tidak berhasil untuk saya. Saya menemukan artikel yang sangat bagus untuk Favicon , menjelaskan:

  • apa itu Favicon;
  • mengapa Favicon.ico muncul sebagai 404 dalam file log;
  • mengapa Anda harus menggunakan Favicon;
  • cara membuat Favicon menggunakan FavIcon dari Pics atau pembuat Favicon lainnya;
  • cara menampilkan Favicon Anda.

Jadi saya membuat Favicon menggunakan FavIcon from Pics. Masukkan ke dalam folder (beri nama favicon) dan tambahkan kode ini di <head>tag:

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

Sekarang tidak ada kesalahan dan saya melihat Favicon saya:

masukkan deskripsi gambar di sini

Petya Kostova
sumber
Mencoba ini ... semuanya berfungsi dengan baik di lokal saya tetapi ketika saya menyebarkan ke server saya mendapatkan kesalahan ini ..
Ziggler
1
@Petya Kostova, terima kasih untuk tautannya! Sangat membantu. Hanya untuk menambahkan satu lagi tautan, artikel ini menjelaskan bagaimana iconuntuk Chrome / Firefox / etc sementara shortcut iconuntuk IE, hanya untuk siapa saja (seperti saya) yang ingin tahu mengapa Anda membutuhkan keduanya.
James Toomey
9

Bagi saya jawabannya tidak bekerja juga, tetapi ini berhasil:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
Sr Julien
sumber
Ini menyelesaikan masalah tanpa menyebabkan pengambilan ganda.
IvanH
4

Anda dapat memberikan gambar Anda sendiri dan referensi di kepala, misalnya:

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

Juga, berhati-hatilah agar lokasi href Anda tidak salah. Kasus studi:

Halaman indeks saya berada di sub-folder sementara bernama LAYOUTS. Untuk mencapai favicon.png dari dalam folder IMAGES, yang merupakan saudara dari folder LAYOUTS, saya harus meletakkan jalur di href saya seperti ini

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

Periode ganda diperlukan untuk navigasi folder "ke atas" , kemudian imagesstring slash + maju membawa Anda ke folder gambar (melakukan cabang pohon "lompatan") dan akhirnya Anda bisa merujuk file Anda dengan menulisfavicon-32x32.png .

Penjelasan ini bermanfaat bagi mereka yang memulai dari awal dan akan berguna untuk melihatnya beberapa kali karena saya akan lupa bahwa saya memiliki file * .php tertentu di luar folder LAYOUTS yang memerlukan hrefs pohon yang berbeda pada tautan saya, dari bagian KEPALA setiap halaman.

Referensi jalur ke gambar favicon Anda sesuai.

Johnny
sumber
1
Saya tidak yakin apakah itu baik untuk menggunakan jalur relatif secara langsung. Saya biasanya menggunakan @ Url.Content ("~ / Images / favicon.ico") jika menggunakan API Web MVC atau ASP.NET untuk menyelesaikan URL sepenuhnya sebelum mengirim ke klien.
justdan23
2

Masalah ini terjadi ketika Anda tidak menyatakan di bagian atas file HTML Anda di HEDER tag ini.

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

Saya memiliki situasi yang aneh. Milik saya bekerja dengan baik dan tiba-tiba berhenti dengan pesan kesalahan itu. Saya sudah memiliki deklarasi tajuk. Jadi saya dibuat bodoh mengapa itu tidak berhasil.

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

Secara harfiah tidak ada hal lain di situs yang memiliki masalah yang dapat saya sampaikan. Satu-satunya hal yang memperbaikinya bagi saya adalah me-restart layanan Apache saya dan semuanya baik-baik saja.

jika tidak ada yang berhasil, berikan kesempatan dan lihat apa yang terjadi.

Panama Jack
sumber
0

Ini mimpi buruk karena setiap browser / perangkat menanganinya secara berbeda.

Generator Favicon banyak membantu saya untuk aplikasi tersebut di mana kita perlu membahas skenario yang paling mungkin.

https://realfavicongenerator.net/

Anda hanya perlu gambar png 260px x 260px (setidaknya) dan dari sana generator akan membuat semua referensi yang Anda butuhkan di halaman web Anda.

Anda hanya perlu menambahkan referensi dan gambar ini ke aplikasi Anda.

masukkan deskripsi gambar di sini

David Castro
sumber
0

Di Angularawal kami memiliki .angular-cli.jsonberkas yang disebut favicon.ico. Jika Anda akan meningkatkan ke salah satu versi yang lebih baru Angularmaka Anda akan memilikinya angular.json. Untuk versi yang lebih baru ini, Anda harus merujuk jalur favicon di Anda index.htmlmulai sekarang dan seterusnya.

Daniel Danielecki
sumber
-1

Saya mendapatkan kesalahan ikon fav yang sama - 404 (Tidak Ditemukan). Saya menggunakan elemen berikut di <head>elemen file index.html saya dan memperbaiki kesalahan:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">
t sriya
sumber
1
Penjelasan tentang bagaimana cara memperbaiki kesalahan ini akan sangat membantu, pertimbangkan untuk menambahkan rincian tentang jawaban Anda.
bjoster