आईई 10 में आपकी सबसे लोकप्रिय साइट स्क्रीन - प्रतीक दिखाई नहीं दे रहे हैं

Question

हम निम्नलिखित कोड का उपयोग फ़ेविकॉन, टैबलेट, स्मार्टफ़ोन, विंडोज़ 8 टाइल्स और इस तरह के आइकन जोड़ने के लिए करते हैं: -

<link rel="apple-touch-icon" href="apple-touch-icon.png">

<link rel="shortcut icon" type="image/x-icon" href="https://webmasters.stackexchange.com/favicon.ico"/>

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>

<meta name="msapplication-TileColor" content="#17151a"/>

दुर्भाग्य से यह IE9 और IE10 की 'आपकी सबसे लोकप्रिय साइटों की स्क्रीन' के लिए काम नहीं करता है, गूगल सर्च अन-ज्ञानवर्धक रहा है।

स्टैक का उपयोग करता है <link rel="apple-touch-icon" href="apple-touch-icon.png">जो इसके लिए काम करता है, लेकिन हमारे लिए नहीं।

एक समाधान के लिए कोई सुराग की सराहना की।

Comments

क्या यह केवल इस स्क्रीन पर असफल हो रहा है ? जैसे। क्या सामान्य रूप से जाने पर आइकन ब्राउज़र टैब द्वारा लोड हो जाता है? यह निश्चित रूप से कुछ भी साबित नहीं होगा, लेकिन यह थोड़ा जानकारीपूर्ण होगा। आप अन्यथा बहुत अच्छी तरह से favicon स्थिति को कवर किया है। मुझे यकीन नहीं है कि मैं इस बारे में बहुत ज्यादा चिंता करूँगा। सामान्य रूप से उम्र के लिए फ़ेविकॉन लोड करने के बारे में ब्राउज़रों को कुख्यात किया गया है। इसके अलावा, क्या यह सभी के लिए होता है?

— सू '

कोई भी आइकन 404'ing नहीं है, और अन्य ब्राउज़र में फ़ेविकॉन काम करता है, जैसे कि टच आइकन। यह उन बहुत कष्टप्रद 'चेयरमैन नोटिस' मुद्दों में से एक है। उस पर सुबह बिताने के बाद, उत्सुकता और हताशा ने मुझे बेहतर बना दिया है।

— MJWadmin

क्या आपने वास्तविक पीएनजी छवि की कोशिश की है जो स्टैक का उपयोग करती है? मामले में पीएनजी प्रारूप के साथ ही कुछ विसंगति है?

— MrWhite

अन्य ब्राउज़र यहां प्रासंगिक नहीं हैं; मेरा मतलब था कि नियमित IE टैब में आइकन लोड होता है। 404 की कमी आपको कुछ भी नहीं बताएगी। इससे कोई लेना-देना नहीं है कि वास्तव में छवि है या नहीं। ब्राउजर आमतौर पर फ़ेविकॉन, अवधि लोड करने के बारे में चंचल होते हैं; जब यह अपने आप को एक समस्या बना देता है तो अक्सर ऐसा होता है जिसे कैश किया जा सकता है (कैश को साफ़ करना, और कुछ और जो आप सोच सकते हैं: शायद, यह आश्चर्य की बात नहीं है!) वे समय के साथ इसके बारे में बेहतर हो गए हैं, लेकिन यह अभी भी होता है। फ़ायरफ़ॉक्स सिर्फ एक टैब में एक फेविकॉन लोड करने में विफल रहा, एक साइट में पहले से ही आइकन के साथ दूसरे टैब में खुला ।

— सू

क्या आप टिप्पणियों में वेबसाइट का लिंक पोस्ट कर सकते हैं?

Answer 1

आपकी ico फ़ाइल कहाँ है? मैं इसे रूट फ़ोल्डर में देख सकता हूं, फिर आपको इसके पीछे के स्लैश की जरूरत नहीं है, अपनी फाइल के पीछे से स्लैश को हटा दें, आपको इसकी आवश्यकता भी नहीं हैtype="image/x-icon"

आपकी ICO फ़ाइल विभिन्न आवश्यक आइकन आकारों के साथ एक सामान्य आइकन लाइब्रेरी होनी चाहिए।

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

बस उपरोक्त कोड का उपयोग करें, यह IE9, IE10, FX और Chrome के लिए पूरी तरह से काम करता है।

यदि आपके पास पहले अलग फ़ेविको था, तो आपको अपने ब्राउज़र के कैश को भी ताज़ा करना होगा ।

Comments

फ़ाइल को वास्तव में रूट फ़ोल्डर में मान लेना, समस्या निश्चित रूप से फ़ाइल है, html टैग के रूप में नहीं दिखाया गया है (जब तक कि अन्य HTML त्रुटियाँ नहीं हैं जो IE मुद्दों का कारण बनती हैं)। मेरा favicon लिंक टैग @MJWadmin की तरह लिखा गया है और मेरे आइकन IE9 के पसंदीदा टैब में ठीक लोड है

— WebChemist

Answer 2

आपके फ़ेविकॉन के आयाम क्या हैं? यह सुनिश्चित करने के लिए इस सूची की जाँच करें कि वे इन दिशानिर्देशों के अंतर्गत आते हैं:

साइट आइकन को कस्टमाइज़ करना - इंटरनेट एक्सप्लोरर 9 में साइट आइकन

संपादित करें

Stackoverflow के स्रोत कोड को देखते हुए, मुझे 2 आइकन चित्र दिखाई देते हैं:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

तथा

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

जब मैं IE9 में अपने पसंदीदा टैब में अपने स्टैक्वोरेफ़्लो को देखता हूं, तो यह 16x16 फ़ेविकॉन (और इसे एक 32x32 कंटेनर में केंद्रित) का उपयोग करते हुए दिखता है, 158x158 स्टैकओवरफ़्लो ऐप्पल टच आइकन के रूप में नहीं जैसा कि आपने सुझाव दिया था कि अगर आप पीएनजी को देखते हैं, तो साइड बनाम बॉटम से "पेडिंग" दूरी अनुपात लगभग 2.5: 1 है, जहां फेविकॉन में इसके 1: 1 के समान है, IE9 टैब पर 1: 1 पैडिंग के रूप में ...

मैं आपको बता सकता हूं कि मेरे नियोक्ता का फेविकॉन IE9 पसंदीदा में लोड करता है, और इसका 64x64 (कोई पारदर्शिता नहीं, आकार 12.5kb)। यदि आप अभी भी अपना फ़ेविकॉन नहीं दिखा सकते हैं, तो एक लिंक पोस्ट करें ताकि हम वास्तविक छवि फ़ाइल की जांच कर सकें

Answer 3

या तो ओमने जैसा सुझाव दें और अपने प्रकार की विशेषता को हटा दें या मान के रूप में छवि / vnd.microsoft.icon के साथ एक दूसरा जोड़ें। और फिर सुनिश्चित करें कि आपका सर्वर डॉट आईसीओ फ़ाइलों के लिए माइम प्रकार भेज रहा है। यह देखो:

https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee

कुछ बैकस्टोरी

यह हुआ करता था, या बल्कि यह तर्क दिया जाता था कि माउस के लिए सही माइम प्रकार क्या है।

Microsoft दुनिया का उपयोग और शायद अभी भी "छवि / vnd.microsoft.icon" पर निर्भर करता है जहां बाकी दुनिया "छवि / एक्स-आइकन" का अनधिकृत रूप से (आधिकारिक रूप से) योग्य उपयोग करती है।

से आईसीओ स्वरूप विकिपीडिया :

ICO फ़ाइलों के लिए आधिकारिक IANA-पंजीकृत MIME प्रकार छवि / vnd.microsoft.icon है, जो 2003 में पंजीकृत है। त्रुटिपूर्ण लेबल "छवि / ico", "image / icon", "text / ico" और "application / ico", साथ में अनौपचारिक नाम के साथ "छवि / एक्स-आइकन" MIME प्रकार के आधिकारिक पंजीकरण और असाइनमेंट के समय उपयोग में थे।

फ़ेविकॉन के लिए विकिपीडिया से अभी तक

2003 में, .ico प्रारूप MIME प्रकार की छवि / vnd.microsoft.icon के तहत इंटरनेट असाइन किए गए नंबर प्राधिकरण (IANA) के साथ पंजीकृत किया गया था। [12] .Ico प्रारूप का उपयोग करते समय, इंटरनेट एक्सप्लोरर मानकीकृत MIME प्रकार के साथ सेवा की गई फ़ाइलों को प्रदर्शित नहीं कर सकता है। Internet Explorer के लिए वर्कअराउंड गैर-मानक छवि / x-icon MIME प्रकार के साथ वेब सर्वर में संबद्ध करना है।