वर्तमान में इसका समर्थन करने वाले सभी ब्राउज़रों में प्रदर्शित करने के लिए फ़ेविकॉन प्राप्त करने का सबसे अच्छा तरीका क्या है?
कृपया शामिल करें:
कौन से छवि प्रारूप किन ब्राउज़रों द्वारा समर्थित हैं।
विभिन्न ब्राउज़रों के लिए किन स्थानों पर किन लाइनों की आवश्यकता है।
जवाबों:
मैं यहाँ एक बेल्ट और ब्रेसिज़ एप्रोच के लिए जाता हूँ।
मैं एक 32x32 आइकन बनाता हूं .icoऔर दोनों को .pngबुलाया favicon.icoऔर प्रारूप में favicon.png। आइकन का नाम वास्तव में तब तक मायने नहीं रखता जब तक आप पुराने ब्राउज़रों के साथ काम नहीं करते।
favicon.icoपुराने ब्राउज़र का समर्थन करने के लिए अपनी साइट के रूट पर रखें (पुराने ब्राउज़र के लिए वैकल्पिक और केवल प्रासंगिक।<head>तत्व के अंदर जोड़ें ।<लिंक rel = "आइकन" href = "/ images / favicon.png" प्रकार = "छवि / पीएनजी" /> <लिंक rel = "शॉर्टकट आइकन" href = "/ favicon.ico" />
कृपया ध्यान दें कि:
.icoफ़ाइलों के लिए MIME प्रकार को IANA द्वारा छवि / vnd.microsoft.icon के रूप में पंजीकृत किया गया था ।typeशॉर्टकट आइकन संबंध के लिए विशेषता को नजरअंदाज करेगा और इस संबंध का समर्थन करने वाला एकमात्र ब्राउज़र है, इसे आपूर्ति करने की आवश्यकता नहीं है।टेबलेट और स्मार्टफ़ोन के लिए टच आइकन का भी समर्थन करने के लिए मैं HTML5Boilerplate के दृष्टिकोण को पसंद करता हूं
टच आइकन पर अधिक जानकारी इस लेख में पाई जा सकती है ।
ब्राउज़र-समर्थन की वर्तमान स्थिति के साथ आपको अपने दस्तावेज़ में फ़ेविकॉन के लिए HTML टैग भी नहीं जोड़ना होगा। ब्राउज़र स्वचालित रूप से फ़ाइलों की एक सूची खोजेगा, iOS के लिए यह उदाहरण देखें:
यदि HTML में कोई आइकन निर्दिष्ट नहीं हैं, तो iOS सफारी ऐप्पल-टच-आइकन या ऐप्पल-टच-आइकन-प्री-कंपोज्ड प्रीफिक्स के साथ आइकन के लिए वेबसाइट की रूट डायरेक्टरी खोजेगी। उदाहरण के लिए, यदि डिवाइस के लिए उपयुक्त आइकन का आकार 57 × 57 पिक्सेल है, तो iOS निम्नलिखित क्रम में फ़ाइलनाम के लिए खोज करता है:
- सेब के स्पर्श आइकन-57x57-precomposed.png
- सेब के स्पर्श आइकन-57x57.png
- सेब के स्पर्श आइकन-precomposed.png
- सेब के स्पर्श icon.png
मेरी सलाह है कि अपने दस्तावेज़ में एक फ़ेविकॉन शामिल न करें, लेकिन रूट वेबसाइट में तैयार फ़ाइलों की एक सूची है:
(57px*57px)HiDPI (32x32px)जब आप html5boilerplate.com से एक टेम्पलेट डाउनलोड करते हैं तो ये सभी शामिल होते हैं, आपको बस उन्हें अपने आइकनों से बदलना होगा।
सभी ब्राउज़रों पर ठीक से काम करने के लिए फ़ेविकॉन एक .ico फ़ाइल होनी चाहिए ।
आधुनिक ब्राउज़र भी PNG और GIF छवियों का समर्थन करते हैं।
मैंने पाया है कि सामान्य रूप से किसी को बनाने का सबसे आसान तरीका है कि आप स्वतंत्र रूप से उपलब्ध वेब सेवा जैसे कि favicon.cc का उपयोग करें ।
एक साइट भी है जहां आप जांच सकते हैं कि किसी भी पेज का फेविकॉन कैसे बनाया जाता है
वहां आप फ़ेविकॉन, छवि प्रकार और रिज़ॉल्यूशन बनाने के बारे में एक ट्यूटोरियल देख सकते हैं, यह अच्छा है!
favicon.*अपने रूट डायरेक्टरी में होने का पता ज्यादातर ब्राउजर्स को अपने आप लग जाता है। आप इसका उपयोग करके पता लगा सकते हैं:
<link rel="icon" type="image/png" href="/path/image.png" />
व्यक्तिगत रूप से मैं .png छवियों का उपयोग करता हूं, लेकिन अधिकांश स्वरूपों को काम करना चाहिए।