अपना Favicon कैसे टेस्ट और जाँचें (मुफ़्त Checker)
Chrome, Safari, Firefox, iOS और Android पर, स्वचालित रूप से और हाथ से।
तेज़ तरीका: स्वचालित स्कैन
अपना URL किसी favicon checker में पेस्ट करें और यह लाइव पेज लाता है, <head> को parse करता है, हर आइकन tag सूचीबद्ध करता है, और desktop, Apple, Android और manifest सतहों पर जो अनुपस्थित या टूटा है उसे फ़्लैग करता है। यह इकलौती जाँच है जो एक साथ सब कुछ कवर करती है।
जाँचने का क्रम
- 1
एक स्वचालित स्कैन चलाएँ
हर favicon tag सूचीबद्ध करने और अनुपस्थित या टूटे आइकनों को फ़्लैग करने के लिए अपने लाइव URL को स्कैन करें।
- 2
Browser tab जाँचें
Hard-refresh करें और पुष्टि करें कि desktop browsers में tab पर आइकन साफ़ रेंडर होता है।
- 3
Bookmarks और address bar जाँचें
पेज को bookmark करें ताकि पुष्टि हो कि 16x16 आइकन तंग संदर्भों में पठनीय है।
- 4
iOS और Android होम स्क्रीन जाँचें
apple-touch-icon और manifest आइकनों की पुष्टि के लिए iOS पर होम स्क्रीन में जोड़ें और Android पर PWA इंस्टॉल करें।
- 5
Search-result favicon जाँचें
पुष्टि करें कि Google आपके परिणाम के बगल में जो आइकन दिखाता है वह मौजूदा है।
मैनुअल चेकलिस्ट
| सतह | क्या करें |
|---|---|
| Browser tab | Chrome, Safari और Firefox में hard-refresh (Cmd+Shift+R / Ctrl+F5) करें। आइकन 16-32px पर साफ़ होना चाहिए, धुँधला या पिक्सेलयुक्त नहीं। |
| Bookmarks और address bar | पेज को bookmark करें। यह 16x16 आइकन को उसके सबसे तंग संदर्भ में उजागर करता है। अगर यह यहाँ अपठनीय है, तो आर्टवर्क को सरल करें। |
| iOS: होम स्क्रीन में जोड़ें | Safari में, शेयर → होम स्क्रीन में जोड़ें। iOS apple-touch-icon का इस्तेमाल करता है, favicon.ico का नहीं, इसलिए यह अनुपस्थित tags की एक पूरी श्रेणी को पकड़ लेता है। |
| Android / PWA इंस्टॉल | Android Chrome पर, app इंस्टॉल करें। होम-स्क्रीन और splash आइकन manifest.json से आते हैं, इसलिए यह पुष्टि करता है कि आपके manifest आइकन रिज़ॉल्व होते हैं। |
| Google search परिणाम | अपने ब्रांड को सर्च करें और पुष्टि करें कि आपके परिणाम के बगल का favicon मौजूदा है। Google को कम से कम एक 48x48 आइकन चाहिए और यह recrawl पर अपडेट होता है। |
हर जाँच जिन आकारों को परखती है
पूर्ण कवरेज कैसी दिखती है
एक पूर्ण favicon सेट browser tabs, bookmarks, search, iOS, Android, Windows tiles और PWA manifest को कवर करता है। अगर आपका स्कैन कमियाँ दिखाता है, तो वह अनुपस्थित ब्रांडिंग है। पढ़ें favicon कवरेज क्यों मायने रखता है, और पूरी favicon आकार संदर्भ जाँचें।
अक्सर पूछे जाने वाले प्रश्न
मैं कैसे जाँचूँ कि मेरा favicon काम कर रहा है?
यह पुष्टि करने के लिए कि हर tag रिज़ॉल्व होता है अपने लाइव URL का एक स्वचालित favicon स्कैन चलाएँ, फिर आइकन को एक browser tab में, एक bookmark में, एक iOS होम स्क्रीन पर और एक इंस्टॉल किए गए PWA में मैनुअल रूप से सत्यापित करें।
लाइव होने से पहले मैं favicon का पूर्वावलोकन कैसे करूँ?
अधिकांश generators डिज़ाइन करते समय एक लाइव tab पूर्वावलोकन दिखाते हैं। असली फ़ाइलों को सत्यापित करने के लिए, हर आइकन URL को सीधे खोलें और पुष्टि करें कि आकार और format आपके link tags द्वारा रेफ़र की गई चीज़ से मेल खाते हैं।
मेरा favicon Google search में browser से अलग क्यों है?
Google अपने पिछले crawl से favicon को cache करता है और कम से कम एक 48x48 आइकन की माँग करता है। Browser आपकी मौजूदा फ़ाइल तुरंत दिखाता है, जबकि search केवल Google के recrawl के बाद अपडेट होता है।