फ़ेविकॉन चेकर

फ़ेविकॉन क्या है और साइट को कौन-से आइकॉन चाहिए?

फ़ेविकॉन वह छोटी इमेज है जिसे ब्राउज़र टैब, बुकमार्क और हिस्ट्री में दिखाता है; इसे पेज के head में link rel="icon" से घोषित किया जाता है, और न हो तो ब्राउज़र साइट रूट से /favicon.ico माँगते हैं। दूसरी जगहों को अपने आइकॉन चाहिए: iOS होम स्क्रीन शॉर्टकट apple-touch-icon (180×180) पढ़ते हैं, Android और इंस्टॉल किए गए ऐप web app manifest से 192 और 512 पिक्सेल के आइकॉन लेते हैं, और Google Search होम पेज पर घोषित चौकोर फ़ेविकॉन दिखाता है।

फ़ेविकॉन चेकर कैसे इस्तेमाल करें

1. जाँचने वाले पेज का URL डालें — आमतौर पर होम पेज, क्योंकि Google Search वहीं से फ़ेविकॉन पढ़ता है।
2. हर फ़ाइल का जवाब जाँचने के लिए "आइकॉन फ़ाइलें माँगें" चालू रखें, या सिर्फ़ HTML के लिंक पढ़ने के लिए इसे बंद करें।
3. "फ़ेविकॉन जाँचें" दबाएँ और आइकॉन टेबल पढ़ें: हर घोषित आइकॉन अपने साइज़, घोषित टाइप, स्टेटस, भेजे गए टाइप और साइज़ के साथ।
4. नतीजों को समस्याओं से नोट तक एक-एक करके सुलझाएँ, फिर सुधार डिप्लॉय करने के बाद दोबारा जाँचें।

फ़ेविकॉन चेकर की खूबियाँ

• पेज में घोषित हर आइकॉन लिंक पढ़ता है — rel="icon" और "shortcut icon", apple-touch-icon (और उसका पुराना -precomposed रूप) और Safari का mask-icon — साइज़ और टाइप के साथ, manifest लिंक और theme-color भी
• हर आइकॉन फ़ाइल को, साइट रूट के /favicon.ico समेत, Mutqan सर्वर से HEAD रिक्वेस्ट से माँगता है (HEAD ठुकराए जाने पर GET, बॉडी पढ़े बिना), आठ URL तक
• हर फ़ाइल का HTTP स्टेटस, असल में भेजा गया Content-Type और साइज़ दिखाता है, ताकि 200 लौटाने वाला एरर पेज या text/html के रूप में आया आइकॉन पकड़ में आए
• बताता है कि आइकॉन जहाँ-जहाँ दिखता है वहाँ क्या कमी है: ब्राउज़र टैब और बुकमार्क, हाई-डेंसिटी स्क्रीन, iOS होम स्क्रीन, Android शॉर्टकट और इंस्टॉल किए गए ऐप
• WIDTHxHEIGHT रूप में न लिखे साइज़, चौकोर न होने वाले आइकॉन, दोहराए गए साइज़, फ़ाइल एक्सटेंशन या भेजे गए टाइप से मेल न खाने वाले घोषित टाइप, और https पेज पर http से लोड होने वाले आइकॉन चिह्नित करता है
• कोई इमेज डाउनलोड या दिखाता नहीं: जाँच सिर्फ़ हेडर पर होती है, इसलिए साइट की कोई चीज़ आपके ब्राउज़र में रेंडर नहीं होती

इनपुट और आउटपुट

इनपुट

• पेज URL — वह सार्वजनिक पेज जिसके आइकॉन लिंक जाँचने हैं; सिर्फ़ होस्ट नाम देने पर https:// जोड़ा जाता है।
• आइकॉन फ़ाइलें माँगें — डिफ़ॉल्ट रूप से चालू; बंद होने पर सिर्फ़ HTML के लिंक पढ़े जाते हैं और कोई फ़ाइल नहीं माँगी जाती।

आउटपुट

• सारांश — घोषित आइकॉन, 2xx स्टेटस से जवाब देने वाली फ़ाइलें, Apple touch आइकॉन और SVG आइकॉन हैं या नहीं, सबसे बड़ा घोषित साइज़ और manifest जुड़ा है या नहीं।
• आइकॉन — हर आइकॉन का लिंक टाइप, साइज़, घोषित टाइप, URL, HTTP स्टेटस, भेजा गया Content-Type और साइज़, साथ में साइट रूट का /favicon.ico; CSV में डाउनलोड हो सकता है।
• नतीजे — समस्याएँ, चेतावनियाँ, नोट और पुष्टियाँ, सबसे गंभीर पहले; CSV में डाउनलोड हो सकते हैं।
• पेज — पेज का अंतिम URL और स्टेटस, theme-color, manifest URL और Safari mask-icon घोषित है या नहीं।

फ़ेविकॉन चेकर का उदाहरण

पेज URL: https://www.example.com/ · आइकॉन फ़ाइलें माँगें: चालू

Icons declared 2 · Files that answered 2 / 3 · Apple touch icon Yes · SVG icon No · Largest declared size 152×152 · Manifest Linked
icon 32x32 image/png → 200, image/png, 1210 bytes
apple-touch-icon 152x152 → 404, text/html
/favicon.ico at the site root → 200, text/html, 5120 bytes
Problem: The icon https://www.example.com/apple-touch-icon.png answers HTTP 404.
Warning: The largest apple-touch-icon declares 152×152 pixels; iOS uses 180×180.
Warning: The icon https://www.example.com/favicon.ico is served as text/html, not as an image.

फ़ेविकॉन चेकर के नतीजे कैसे पढ़ें

समस्या का मतलब है आइकॉन नहीं दिखेगा: घोषित फ़ाइल 4xx या 5xx लौटाती है या पहुँच से बाहर है, या पेज में कोई आइकॉन लिंक नहीं और /favicon.ico भी नाकाम है।

200 स्टेटस के साथ "text/html के रूप में भेजी गई" फ़ाइल आमतौर पर एरर पेज या साइट का ऐप शेल होती है जो ग़ायब फ़ाइल की जगह जवाब देता है। स्टेटस ठीक दिखने पर भी ब्राउज़र उसे आइकॉन की तरह इस्तेमाल नहीं कर सकते।

SVG आइकॉन, apple-touch-icon और manifest वाले नोट कवरेज बताते हैं, एरर नहीं: एक अच्छे 32×32 PNG वाली साइट डेस्कटॉप टैब में ठीक चलती है, पर फ़ोन और हाई-डेंसिटी स्क्रीन पर ख़राब दिखती है।

साइज़ वही हैं जो पेज घोषित करता है, इमेज से मापे हुए नहीं: चेकर फ़ाइलें कभी डाउनलोड नहीं करता, इसलिए 180x180 घोषित पर असल में 64×64 का आइकॉन नहीं पकड़ा जाता।

फ़ेविकॉन चेकर कब इस्तेमाल करें

• रीब्रांड के बाद पक्का करें कि हर घोषित आइकॉन और /favicon.ico मौजूद फ़ाइलों की ओर इशारा करते हैं और इमेज के रूप में भेजे जाते हैं।
• हर फ़ाइल के स्टेटस और Content-Type से शुरू करके पता करें कि Google Search नतीजों या ब्राउज़र टैब में फ़ेविकॉन क्यों नहीं दिखता।
• साइट या progressive web app लॉन्च करने से पहले जाँचें कि iOS, Android और हाई-डेंसिटी स्क्रीन, हर एक के लिए सही आइकॉन है।
• CMS या थीम बदलने के बाद समीक्षा करें: आइकॉन लिंक अक्सर ग़ायब हो जाते हैं या ऐसे थीम फ़ोल्डर की ओर इशारा करते हैं जो अब है ही नहीं।

समस्या निवारण

• हर आइकॉन 403 लौटाता है: कुछ CDN या फ़ायरवॉल स्टैटिक फ़ाइलों के लिए HEAD रिक्वेस्ट या ऑटोमेटेड क्लाइंट ठुकरा देते हैं। ब्राउज़र को फिर भी फ़ाइल मिल सकती है; अगर असली विज़िटर को भी आइकॉन नहीं दिखता तो CDN के नियम जाँचें।
• आइकॉन लिंक ऐसे पाथ की ओर जाते हैं जो होम पेज लौटाता है: "favicon.png" जैसा सापेक्ष href मौजूदा पेज के फ़ोल्डर के हिसाब से resolve होता है। /favicon.png जैसा रूट से शुरू होने वाला पाथ इस्तेमाल करें।
• सुधार के बाद भी ब्राउज़र पुराना आइकॉन दिखाता है: ब्राउज़र फ़ेविकॉन को लंबे समय तक cache करते हैं। आइकॉन बदलते समय फ़ाइल का नाम बदलें (या वर्ज़न query जोड़ें)।
• पेज ख़ुद "This address cannot be reached from the Mutqan server" के साथ ठुकराया गया: होस्ट किसी निजी या आरक्षित पते पर resolve होता है। सिर्फ़ सार्वजनिक साइटें जाँची जा सकती हैं।
• आइकॉन फ़ाइलें माँगी नहीं जा सकीं और चेतावनी में रिक्वेस्ट-सीमा का ज़िक्र है: आइकॉन फ़ाइलों का अपना कोटा है — साइन इन किए बिना एक मिनट में 10 रिक्वेस्ट (साइन इन करने पर 30), हर URL के लिए एक — इसलिए आठ आइकॉन की जाँच दस में से आठ ले लेती है; पेज ख़ुद दूसरे टूल के साथ साझा 10 पेज फ़ेच में से एक लेता है। एक मिनट रुकें, या सिर्फ़ लिंक पढ़ने के लिए "आइकॉन फ़ाइलें माँगें" से टिक हटा दें।

फ़ेविकॉन चेकर के बारे में अक्सर पूछे जाने वाले सवाल

तकनीकी नोट्स

HTML Standard में icon लिंक टाइप परिभाषित है: पेज साइज़ और टाइप के संकेतों के साथ कई आइकॉन दे सकता है और ब्राउज़र सबसे उपयुक्त चुनता है; कोई घोषित न हो तो ब्राउज़र origin के रूट से /favicon.ico माँगते हैं। Apple के Safari दस्तावेज़ होम स्क्रीन शॉर्टकट के लिए apple-touch-icon परिभाषित करते हैं, और Google Search होम पेज पर घोषित कम से कम 8×8 पिक्सेल का चौकोर फ़ेविकॉन इस्तेमाल करता है, 48×48 से बड़ा रखने की सलाह के साथ।

पेज POST /api/v1/internet/http/fetch से फ़ेच होता है (पहले DNS over HTTPS, निजी पते ठुकराए जाते हैं, पाँच रीडायरेक्ट तक) और ब्राउज़र में टेक्स्ट की तरह पार्स होता है। आइकॉन URL POST /api/v1/internet/http/assets को जाते हैं, जो HEAD भेजता है (सर्वर के 405 या 501 लौटाने पर GET, बॉडी बिना पढ़े रद्द) और हर एक का स्टेटस, Content-Type और Content-Length लौटाता है; आइकॉन का रीडायरेक्ट बताया जाता है, फ़ॉलो नहीं किया जाता।

साइज़ उन्हीं WIDTHxHEIGHT टोकन या "any" के रूप में पढ़े जाते हैं जिनकी HTML Standard अनुमति देता है; घोषित टाइप की तुलना फ़ाइल एक्सटेंशन और भेजे गए मीडिया टाइप से होती है, और image/x-icon व image/vnd.microsoft.icon को एक ही ICO फ़ॉर्मेट माना जाता है।

सीमाएँ और कार्यप्रणाली

आइकॉन फ़ाइलों के सिर्फ़ HEAD जवाब जाँचे जाते हैं; इमेज कभी डाउनलोड नहीं होतीं, इसलिए उनका असली पिक्सेल साइज़, पारदर्शिता और दिखावट नहीं परखी जाती।

एक जाँच में ज़्यादा से ज़्यादा आठ आइकॉन URL माँगे जाते हैं; फिर भी आइकॉन टेबल हर घोषित आइकॉन दिखाती है।

पेज और उसके आइकॉन Cloudflare नेटवर्क पर चलने वाले Mutqan सर्वर से एक बार माँगे जाते हैं; डिवाइस या देश के हिसाब से अलग HTML भेजने वाली साइट कुछ विज़िटर के लिए दूसरे आइकॉन घोषित कर सकती है।

सुरक्षा और गोपनीयता

Mutqan सर्वर को पेज URL और उसी पेज से लिए गए आठ तक आइकॉन URL मिलते हैं; वह उन्हें तय हेडर के साथ और आपकी किसी कुकी के बिना माँगता है और कुछ स्टोर नहीं करता। कोई आइकॉन आपके ब्राउज़र में डाउनलोड या प्रदर्शित नहीं होता।

संदर्भ

• HTML attribute: rel — MDNMDN Web Docs (Mozilla)rel attribute के लिंक टाइप, जिनमें icon (कई आइकॉन दिए जा सकते हैं; ब्राउज़र media, type और sizes के आधार पर सबसे उपयुक्त चुनता है) और manifest शामिल हैं।
• Define Website Favicon for Search ResultsGoogle Search CentralGoogle Search के फ़ेविकॉन नियम: होम पेज पर link rel="icon", कम से कम 8×8 पिक्सेल की चौकोर इमेज (48×48 से बड़ी की सलाह), Googlebot-Image के क्रॉल कर सकने लायक़ स्थिर URL, और समर्थित फ़ाइल फ़ॉर्मेट।
• Configuring Web Applications (Safari Web Content Guide)Apple DeveloperiOS होम स्क्रीन आइकॉन पर Apple की गाइड: हर डिवाइस रेज़ोल्यूशन के लिए sizes attribute के साथ link rel="apple-touch-icon", या पूरी साइट के लिए साइट रूट पर apple-touch-icon.png फ़ाइल।