Favicon.ico के लिए सही MIME प्रकार?


140

के अनुसार इंटरनेट निरुपित नंबर प्राधिकरण (IANA), सभी .ico फ़ाइल MIME प्रकार के अंतर्गत आता है image/vnd.microsoft.icon। ( स्रोत )

उदाहरण के लिए <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />

हालांकि, प्रेमी इंटरनेट गुरु, पॉल आयरिश का दावा है कि यह गलत है, और यह वास्तव में होगा image/x-icon। ( स्रोत )

उदाहरण के लिए <link rel="icon" type="image/x-icon" href="favicon.ico" />

मुझे पता है कि आप .ico फ़ाइलों के लिए "प्रकार" शामिल नहीं कर सकते हैं, लेकिन यदि आप एक को शामिल करने जा रहे हैं, तो यह होना चाहिए? क्या वास्तव में इसे आधिकारिक IANA प्रकार के रूप में सेवा देने में कोई समस्या है?


ध्यान दें: favicon.icoफाइलें सही नहीं हो सकती हैं ".ico" फाइलें। मेरी कॉर्पोरेट साइट एक png का उपयोग करती है (जिसका नाम "favicon.ico" है) और इसे "छवि / png" प्रकार के साथ प्रस्तुत करती है। यहाँ वर्णित ".ico" प्रकारों में से किसी एक के साथ काम करना गलत था, क्योंकि इससे ब्राउज़र गलत व्याख्या कर रहा था!
दान एच

जवाबों:


171

जब आप एक .ico फ़ाइल को फ़ेविकॉन के रूप में उपयोग करने के लिए सेवा दे रहे हैं, तो कोई बात नहीं। सभी प्रमुख ब्राउज़र दोनों माइम प्रकारों को सही ढंग से पहचानते हैं। तो आप डाल सकते हैं:

<!-- IE -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- other browsers -->
<link rel="icon" type="image/x-icon" href="favicon.ico" />

या इसके साथ image/vnd.microsoft.iconऔर यह सभी ब्राउज़रों के साथ काम करेगा।

नोट: MIME- प्रकार के लिए कोई IANA विनिर्देश नहीं है image/x-icon, इसलिए ऐसा प्रतीत होता है कि यह थोड़ा अधिक अनौपचारिक है image/vnd.microsoft.icon

एक ही मामला है जिसमें एक अंतर है अगर आप एक <img>टैग में एक .ico फ़ाइल का उपयोग करने की कोशिश कर रहे थे (जो कि बहुत ही असामान्य है)। पिछले परीक्षण के आधार पर, कुछ ब्राउज़र केवल .ico फाइलों को ही प्रदर्शित करते हैं जब उन्हें MIME- प्रकार के साथ परोसा जाता है image/x-icon। अधिक हाल के परीक्षण बताते हैं: क्रोमियम, फ़ायरफ़ॉक्स और एज दोनों सामग्री प्रकारों के साथ ठीक हैं, IE11 नहीं है। यदि आप कर सकते हैं, तो icoछवियों के रूप में फ़ाइलों का उपयोग करने से बचें png


मैंने कहीं भी कुछ भी नहीं चुना, मैंने दो usecases को समझाने की कोशिश की: 1 - फ़ेविकॉन के रूप में उपयोग किया जाता है (कोई फर्क नहीं पड़ता जो माइम प्रकार), 2 - वेबपेज के भीतर एक img के रूप में उपयोग किया जाता है (IE केवल इसे सही ढंग से mimetype छवि / x के साथ प्रदर्शित करता है -Icon)।
माता

आप कहते हैं, आप .ico फ़ाइलों का उपयोग कर सकते हैं <img src=''>बशर्ते वे वेबसर्वर द्वारा छवि / एक्स-छवि के रूप में सेवा की जाती हैं । फिर आप कहते हैं कि यदि आप HTML पृष्ठों में छवियों के रूप में .ico फ़ाइलों का उपयोग करने जा रहे हैं, तो आपको MIME प्रकार को छवि / x-icon पर सेट करना चाहिए ।
चक ले बट

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

विकिपीडिया के अनुसार, छवि / एक्स-आइकन सिर्फ माइक्रोसॉफ्ट द्वारा बनाया गया था, छवि / vnd.microsoft.icon आईएएनए के साथ पंजीकृत है (लेकिन स्वयं Microsoft द्वारा पंजीकृत नहीं है)।
मेजरगार्ड

10
FWIW, Google अपने फ़ेविकॉन के लिए छवि / एक्स-आइकन का उपयोग करता है ।
नैट्स

30

मुझे लगता है कि इस भ्रम की जड़ को इस विकिपीडिया लेख में अच्छी तरह से समझाया गया है ।

जबकि ICO फ़ाइलों के लिए IANA-पंजीकृत MIME प्रकार छवि / vnd.microsoft.icon है, इसे 2003 में IANA को तृतीय पक्ष द्वारा प्रस्तुत किया गया था और इसे Microsoft सॉफ़्टवेयर द्वारा मान्यता प्राप्त नहीं है, जो इसके बजाय छवि / x-icon का उपयोग करता है।

यदि ICO प्रारूप के आविष्कारक भी आधिकारिक MIME प्रकार का उपयोग नहीं करते हैं, तो मैं भी उपयोग करूंगा image/x-icon


3
अंत में एक जवाब! हालाँकि यह अभी भी IANA-पंजीकृत MIME प्रकार है ... भले ही Microsoft स्वयं इसका उपयोग न करें। अजीब।
चक ले बट

3

मैंने देखा है कि उपयोग करते समय type="image/vnd.microsoft.icon", फ़ेविकॉन तब प्रकट नहीं होता है जब ब्राउज़र इंटरनेट से कनेक्ट नहीं होता है। लेकिन यह type="image/x-icon"काम करता है कि ब्राउज़र इंटरनेट से कनेक्ट हो सकता है या नहीं। विकसित होते समय, कई बार मैं इंटरनेट से जुड़ा नहीं हूं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.