मुझे favicon.ico त्रुटि मिल रही है


131

मैंने HTML में कोड करने के लिए Netbeans IDE डाउनलोड किया। मैं इसके लिए नया हूं। जब मैं अपना कोड चलाता हूं, तो क्रोम खुल रहा है और सब कुछ ठीक काम कर रहा है। मुझे आउटपुट - ब्राउज़र लॉग में किसी प्रकार की त्रुटि हो रही है।

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

मैं इसे कैसे ठीक करूं?

जवाबों:


151

मुझे कुछ समय के लिए यह त्रुटि आई है। यह किसी प्रकार का नेटबिन बग हो सकता है, जिसे नेटबींस कनेक्टर के साथ करना होता है। मुझे favicon.icoअपने कोड में या प्रोजेक्ट सेटिंग्स में कोई उल्लेख नहीं मिल रहा है ।

मैं headअपनी HTML फ़ाइल के अनुभाग में निम्नलिखित पंक्ति डालकर इसे ठीक करने में सक्षम था

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

मैं वर्तमान में अपने परीक्षण वातावरण में इसका उपयोग कर रहा हूं, लेकिन मैं इसे किसी भी उत्पादन वातावरण के लिए हटा दूंगा।


3
मुझे नहीं लगता कि इसका नेटबीन्स के साथ क्या करना है। जब भी तुम ऐसा करते हो cordova run browser
रिकार्डो क्रूज़

2
मेरे लिए यह मेरी वेबसाइट की एक निर्देशिका के अंदर होने के दौरान अब हुआ। लेकिन यह एक favicon.ico की तलाश में रूट डायरेक्टरी की ओर इशारा करता है। मैं Chrome का उपयोग कर रहा हूं ...
एलेक्स Cio

4
इसका नेटबियंस से कोई लेना-देना नहीं है, मैं एक्लिप्स, पाइकहार्म आदि का उपयोग करता हूं और मुझे वही त्रुटि मिलती है।
इबो

3
यह समाधान सही नहीं हो सकता है, जैसा कि मैंने इसे आज़माया है, और यह काम नहीं करता है। फिर भी त्रुटि हो रही है।
Vlădel

@ तमस मेरे लिए समान है, नीचे का उत्तर सही होना चाहिए
चारिस थियो

131

स्वीकार किए गए उत्तर ने मेरे लिए काम नहीं किया, मुझे href विशेषता के लिए एक मूल्य जोड़ना पड़ा:

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

8
स्वीकृत उत्तर ने मेरे लिए भी काम नहीं किया। इसे पोस्ट करने के लिए धन्यवाद ... इसने मुझे (क्रोम में) काम किया।
निर्मल

1
हाँ, यह AWS S3 पर मेरे HTML पृष्ठ की मेजबानी करते समय Chrome में त्रुटि को दूर करता है। इसके बिना मुझे favicon.ico के लिए 403 त्रुटि मिलती है, इस तथ्य के बावजूद कि कोड में एक फ़ेविकॉन का कोई संदर्भ नहीं था।
MSC

क्या हमें इसके लिए कोई माइम प्रकार निर्दिष्ट करने की आवश्यकता है?
कुरकुला

1
यह कुछ ब्राउज़रों में दस्तावेज़ के दोहरे लाने को ट्रिगर करेगा (क्रोम सहित), देखें stackoverflow.com/questions/2009092/…
kursus

@kursus: सीनियर जूलियन उत्तर में समस्या को दबाया हुआ लगता है stackoverflow.com/a/40527353/669527
IvanH

25

स्वीकृत उत्तर मेरे लिए कारगर नहीं था, इसलिए मैंने इसका हल खोज लिया है

यह HTML संस्करण से संबंधित हो सकता है क्योंकि वहां सबसे अधिक मतदान समाधान है:

अगर आपको इसके बजाय HTML5 के उपयोग के लिए अपने दस्तावेज़ को मान्य करने की आवश्यकता है:

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

अधिक जानकारी के लिए लिंक देखें।


24

favicon.ico आपकी वेबसाइट के टाइटल बार पर एक वेबसाइट का आइकन है। Netbeans अपने वेबसाइट फ़ोल्डर में favicon.ico फ़ाइल नहीं ढूंढ सका

यदि आप इसे नहीं चाहते हैं, तो आप उस पंक्ति को हटा सकते हैं जो आपके सिर अनुभाग में इसके समान है

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

या यदि आप शीर्षक बार के लिए एक आइकन का उपयोग करना चाहते हैं, तो आप एक .ico छवि बनाने के लिए आइकन कनवर्टर का उपयोग कर सकते हैं और इसे अपनी वेबसाइट फ़ोल्डर में रख सकते हैं और सिर अनुभाग में उपरोक्त रेखा का उपयोग कर सकते हैं।


4
मेरे हेड सेक्शन में ऐसा कोई आइकॉन नहीं है।
रॉकस्टार

1
कृपया अपना हेड सेक्शन html कोड पोस्ट करें, कोड देखे बिना किसी एरर को हल करना मुश्किल है
Trinadh venna

15

ऊपर दिए गए जवाब मेरे काम नहीं आए। मुझे फ़ेविकॉन के लिए एक बहुत अच्छा लेख मिला , समझाते हुए:

  • फेविकॉन क्या है;
  • Favicon.ico लॉग फ़ाइलों में 404 के रूप में क्यों दिखता है;
  • आपको फ़ेविकॉन का उपयोग क्यों करना चाहिए;
  • कैसे Pics या अन्य Favicon निर्माता से FavIcon का उपयोग कर एक Favicon बनाने के लिए ;
  • कैसे दिखाने के लिए आपका Favicon पाने के लिए।

इसलिए मैंने Favicon का उपयोग करके बनाया FavIcon from Pics। इसे फ़ोल्डर में रखें (फ़ेविकॉन का नाम) और <head>टैग में इस कोड को जोड़ें :

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

अब कोई त्रुटि नहीं है और मैं अपना फ़ेविकॉन देख रहा हूँ:

यहाँ छवि विवरण दर्ज करें


कोशिश की ... मेरे स्थानीय में सब कुछ ठीक काम करता है, लेकिन जब मैं सर्वर पर तैनात करता हूं तो मुझे यह त्रुटि मिल रही है ..
Ziggler

1
@Petya Kostova, लिंक के लिए धन्यवाद! बहुत मददगार। बस एक और लिंक जोड़ने के लिए, यह लेख बताता है कि कैसे iconक्रोम / फ़ायरफ़ॉक्स / आदि के shortcut iconलिए है, जबकि IE के लिए है, बस किसी के लिए (जैसे मेरे) जो उत्सुक था कि आपको दोनों की आवश्यकता क्यों है।
जेम्स टॉमी

9

मेरे लिए जवाब भी काम नहीं किया, लेकिन यह काम ठीक है:

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

यह समस्या को दोहराए बिना दोहरी समस्या उत्पन्न करता है।
इवान एचएच

4

आप अपनी खुद की छवि प्रदान कर सकते हैं और इसे सिर में संदर्भ दे सकते हैं, उदाहरण के लिए:

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

3

इसके अलावा, सावधान रहें ताकि आपका href स्थान दोषपूर्ण न हो। पढ़ाई के संदर्भ मे:

मेरा अनुक्रमणिका पृष्ठ LAYOUTS नामक एक अस्थायी उप-फ़ोल्डर में था। IMAGES फ़ोल्डर के अंदर से favicon.png तक पहुँचने के लिए, जो LAYOUTS फ़ोल्डर का एक सहोदर था, मुझे इस तरह से अपने href में एक पथ डालना पड़ा

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

फ़ोल्डर नेविगेशन "ऊपर की ओर" के लिए डबल अवधि आवश्यक है , फिर फ़ॉरवर्ड स्लैश + imagesस्ट्रिंग आपको छवियों के फ़ोल्डर में मिलती है (एक पेड़ की शाखा "कूद" प्रदर्शन) और अंत में आपको लिखकर अपनी फ़ाइल को संदर्भित करना हैfavicon-32x32.png

यह स्पष्टीकरण उन लोगों के लिए उपयोगी है जो खरोंच से शुरू होते हैं और यह उपयोगी होता है कि मैंने इसे दो बार देखा क्योंकि मैं यह भूल जाऊंगा कि मेरे पास LAYOUTS फ़ोल्डर के बाहर कुछ * .pp फाइलें थीं, जिन्हें मेरे लिंक पर अलग-अलग वृक्षों की आवश्यकता थी। प्रत्येक पृष्ठ के हेड अनुभाग से।

तदनुसार अपनी फ़ेविकॉन छवि का पथ देखें।


1
मुझे यकीन नहीं है कि यदि सीधे रिश्तेदार पथ का उपयोग करना अच्छा है। यदि ग्राहक को नीचे भेजने से पहले URL को पूरी तरह से हल करने के लिए MVC या ASP.NET वेब API का उपयोग कर रहा हूं, तो मैं आमतौर पर @ Url.Content ("~ / Images / favicon.ico") का उपयोग करता हूं।
justdan23

2

यह समस्या तब होती है जब आप इस टैग में HEDER में अपनी HTML फ़ाइल के शीर्ष पर घोषित नहीं करते हैं।

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

0

मेरी अजीब स्थिति थी। मेरा ठीक काम कर रहा था और उस त्रुटि संदेश के साथ अचानक बंद हो गया। मेरे पास पहले से ही हेडर की घोषणा थी। इसलिए मैं गूंगा था कि यह काम क्यों नहीं कर रहा है।

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

वास्तव में साइट पर और कुछ भी नहीं था एक मुद्दा था जो मैं बता सकता था। केवल एक चीज जो तय हुई मेरे लिए वह थी मेरी अपाचे सेवा को फिर से शुरू करना और सब फिर से अच्छा था।

अगर कुछ और काम नहीं कर रहा है, तो एक शॉट दें और देखें कि क्या होता है।


0

यह एक बुरा सपना है क्योंकि प्रत्येक ब्राउज़र / डिवाइस इसे अलग तरीके से संभालता है।

फ़ेविकॉन जनरेटर मुझे उन अनुप्रयोगों के लिए बहुत मदद करता है जहां हमें सबसे संभावित परिदृश्यों को कवर करने की आवश्यकता होती है।

https://realfavicongenerator.net/

आपको बस एक png छवि की आवश्यकता है 260px x 260px (कम से कम) और वहाँ से जनरेटर आपके वेब पेज के भीतर आपके लिए आवश्यक सभी संदर्भ बना देगा।

आपको बस इस संदर्भ और छवियों को अपने आवेदन में जोड़ना होगा।

यहाँ छवि विवरण दर्ज करें


-1

मैं एक ही fav आइकन त्रुटि हो रही थी - 404 (नहीं मिला)। मैंने <head>अपनी index.html फ़ाइल के तत्व में निम्न तत्व का उपयोग किया है और उसने त्रुटि को ठीक किया है:

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

1
यह कैसे त्रुटि को ठीक करता है में एक व्याख्या बहुत मददगार होगी, अपने उत्तर के बारे में विवरणों को जोड़ने पर विचार करें।
bjoster
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.