दिलचस्प पोस्ट
आच्छादित पृष्ठभूमि क्षेत्र की चमक के आधार पर पाठ रंग बदलें? PHP / अपाचे: PHP गंभीर त्रुटि: अपरिभाषित फ़ंक्शन mysql_connect () पर कॉल करें एक स्ट्रिंग फ़ॉर्मेट करते समय समान मान को कई बार डालना Python का उपयोग कर किसी फ़ाइल का नाम बदलने का तरीका प्राथमिकता प्रश्न जोड़ने पर सॉर्ट नहीं करते क्लियरसीज़ में एकीकरण स्ट्रीम बनाम एकीकरण दृश्य एक दृश्य में कई मॉडल बाउंड पैरामीटर का उपयोग कई बार करें पायथन में stderr को कैसे मुद्रित करना है? एक कॉलम में परिवर्तन: नल से नल नहीं angularjs कारखाने में setInterval का उपयोग कर केवल लिनक्स `खोज` के साथ फाइल नाम कैसे प्राप्त करें? कैसे एक JVM टाइमज़ोन को ठीक से सेट करें स्विफ्ट 3 URLSession.shared () सदस्य 'डेटाटस्क के साथ संदिग्ध संदर्भ (साथ: समापनहैण्डलर :) त्रुटि (बग) एक गतिविधि के कई उदाहरणों को रोकने के लिए कैसे करें जब इसे विभिन्न इन्टेंट्स के साथ लॉन्च किया जाता है

फ़ेविकॉन का समर्थन करने वाले सभी ब्राउज़रों में प्रदर्शित करने के लिए फ़ेविकॉन का सबसे अच्छा तरीका क्या है?

वर्तमान में फ़्रीवियन को सभी ब्राउज़र में प्रदर्शित करने का सबसे अच्छा तरीका क्या है जो वर्तमान में इसका समर्थन करते हैं?

कृपया शामिल करें:

  1. कौन से छवि प्रारूप समर्थित हैं, कौन से ब्राउज़र

  2. विभिन्न ब्राउज़रों के लिए कौन सी जगहों की आवश्यकता है

वेब के समाधान से एकत्रित समाधान "फ़ेविकॉन का समर्थन करने वाले सभी ब्राउज़रों में प्रदर्शित करने के लिए फ़ेविकॉन का सबसे अच्छा तरीका क्या है?"

मैं एक बेल्ट के लिए जाते हैं और ब्रेसिज़ यहां पर पहुंचते हैं।

मैं .ico और .png प्रारूपों दोनों में एक 32×32 आइकन बना दिया है जिसे favicon.ico और favicon.png । आइकन का नाम वास्तव में कोई फर्क नहीं पड़ता है जब तक कि आप पुराने ब्राउज़रों के साथ काम न करें।

  1. पुराने ब्राउज़र्स को समर्थन देने के लिए अपनी साइट रूट पर favicon.ico रखें (वैकल्पिक और पुराने ब्राउज़र के लिए केवल प्रासंगिक है
  2. मेरी छवियों उप निर्देशिका में favicon.png प्लेस करें (बस चीजों को व्यवस्थित रखने के लिए)
  3. निम्नलिखित HTML को <head> तत्व के अंदर जोड़ें
  <link rel = "icon" href = "/ images / favicon.png" प्रकार = "चित्र / png" />
 <link rel = "शॉर्टकट आइकन" href = "/ favicon.ico" /> 

कृपया ध्यान दें कि:

  • आईआईएए द्वारा .ico फ़ाइलों के लिए माइम प्रकार की छवि / vnd.microsoft.icon के रूप में पंजीकृत किया गया था।
  • इंटरनेट एक्सप्लोरर शॉर्टकट आइकन संबंध के लिए type विशेषता को अनदेखा करेगा और यह इस संबंध को समर्थन करने के लिए एकमात्र ब्राउज़र है, इसे आपूर्ति की आवश्यकता नहीं है।

संदर्भ

मैं .ico प्रारूप का उपयोग करता हूं और <head> तत्व के भीतर निम्नलिखित दो पंक्तियां डालती हूं:

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

टेबलेट और स्मार्टफ़ोन के लिए स्पर्श आइकन का समर्थन करने के लिए मैं HTML5 बोररप्लेट के दृष्टिकोण को पसंद करता हूं

स्पर्श आकृतियों पर अधिक जानकारी इस लेख में मिल सकती है।

ब्राउज़र-सपोर्ट की वर्तमान स्थिति के साथ आपको अपने दस्तावेज़ में फ़ेविकॉन के लिए HTML टैग भी जोड़ना नहीं पड़ता है। ब्राउज़र्स स्वत: फ़ाइलों की सूची खोज करेंगे IOS के लिए यह उदाहरण देखें:

यदि कोई आइकन एचटीएमएल में निर्दिष्ट नहीं है, तो आईओएस सफारी ऐप्पल-टच-आइकन या सेब-टच-आइकन-प्रीकॉक्स्फॉस्ड उपसर्ग के साथ माउस के लिए वेबसाइट की मूल निर्देशिका खोज करेगा। उदाहरण के लिए, यदि डिवाइस के लिए उपयुक्त चिह्न आकार 57 × 57 पिक्सल है, तो आईओएस निम्न क्रम में फ़ाइल नामों की खोज करता है:

  1. सेब के स्पर्श आइकन-57×57-precomposed.png
  2. सेब के स्पर्श आइकन-57×57.png
  3. सेब के स्पर्श आइकन-precomposed.png
  4. सेब के स्पर्श icon.png

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

  • सेब के स्पर्श आइकन-114×114-precomposed.png
  • सेब के स्पर्श आइकन-144×144-precomposed.png
  • सेब के स्पर्श आइकन-57×57-precomposed.png
  • सेब के स्पर्श आइकन-72×72-precomposed.png
  • सेब के स्पर्श आइकन-precomposed.png
  • apple-touch-icon.png (57px*57px)
  • HiDPI (32x32px)

जब आप html5boilerplate.com से एक टेम्पलेट डाउनलोड करते हैं तो इन सभी को शामिल किया गया है, आपको बस अपने स्वयं के आइकनों से उन्हें प्रतिस्थापित करना होगा।

बचाव के लिए विकिपीडिया

आईई 6 सही तरीके से पीएनजी को संभाल नहीं सकता है, चेतावनी दी जा सकती है।

फ़ेविकॉन सभी ब्राउज़रों पर ठीक से काम करने के लिए .ico फ़ाइल होना चाहिए।

आधुनिक ब्राउज़र भी पीएनजी और जीआईएफ चित्रों का समर्थन करते हैं।

मैंने पाया है कि आम तौर पर एक बनाने का सबसे आसान तरीका है एक स्वतंत्र रूप से उपलब्ध वेब सेवा जैसे कि favicon.cc का उपयोग करना

एक ऐसी साइट भी है जहां आप किसी भी पृष्ठ के फ़ेविकॉन की जांच कर सकते हैं

getfavicon.org

वहाँ आप फवेइकन, छवि प्रकार और प्रस्तावों को बनाने के बारे में एक ट्यूटोरियल देख सकते हैं, यह अच्छा है!

एक favicon.* होने पर favicon.* आपकी रूट निर्देशिका में सबसे ब्राउज़रों द्वारा स्वचालित रूप से पता चला है। आप सुनिश्चित कर सकते हैं कि इसका उपयोग करके पता लगाया गया है:

  <link rel="icon" type="image/png" href="/path/image.png" /> 

निजी तौर पर मैं .png चित्रों का उपयोग करता हूं लेकिन अधिकांश प्रारूपों को काम करना चाहिए।

फ़ेविकॉन के आदर्श प्रारूप है। आईसीओ और आदर्श आकार 16 x 16 है। आप .पीजीजी प्रारूप में फ़ेविकॉन भी बना सकते हैं, यहां कुछ ऑनलाइन सेवाएं उपलब्ध हैं जहां आप फ़ेविकॉन ऑनलाइन बना सकते हैं, यहां अधिक जानकारी के लिए यहां http: // nobletips पढ़ें। com / एड-फ़ेविकॉन-वेबसाइट /