मुफ़्त Favicon चेकर और विश्लेषक
HTML head में favicon घोषणाओं का विश्लेषण करें। गायब आकार और सर्वोत्तम अभ्यासों की जाँच करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में बिना साइन-अप के काम करता है।
अपडेट किया गया
Favicon Checker & Analyzer
Analyze favicon declarations in your HTML head. Find missing sizes and get best-practice recommendations.
Paste HTML Head Section
Copy the <head> section from your webpage source (Ctrl/Cmd+U to view page source), paste it below, and click Analyze.
Favicon Best Practices
A complete favicon setup typically includes:
/favicon.ico— 16×16 + 32×32 combined, for legacy browsersfavicon-16x16.png+favicon-32x32.png— modern browsersapple-touch-icon.pngat 180×180 — iOS home screenandroid-chrome-192x192.png+512x512.png— Android + PWAsite.webmanifest— PWA manifest with icon declarationsmeta name="theme-color"— browser UI color on mobile
Tools like RealFaviconGenerator.net can generate all sizes from a single source image.
Related Tools
अक्सर पूछे जाने वाले प्रश्न
Favicon Checker & Analyzer क्या है?
Favicon Checker & Analyzer एक मुफ़्त ऑनलाइन टूल है जो HTML के head में favicon घोषणाओं का विश्लेषण करता है, और छूटे हुए आकार तथा सर्वोत्तम अभ्यासों की जाँच करता है। यह पूरी तरह आपके ब्राउज़र में चलता है, किसी इंस्टॉलेशन या साइन-अप की ज़रूरत नहीं।
मेरे पास कौन-कौन से favicon आकार होने चाहिए?
अनुशंसित: 16x16, 32x32, 180x180 (Apple Touch Icon), और 192x192 तथा 512x512 वाला एक वेब मैनिफ़ेस्ट।
मैं इसका उपयोग कैसे करूँ?
अपने HTML का <head> सेक्शन पेस्ट करें और टूल सभी favicon घोषणाओं को निकालकर उनका विश्लेषण करेगा।
क्या यह मुफ़्त है?
हाँ, पूरी तरह मुफ़्त।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। Favicon Checker & Analyzer सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर ही प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या Favicon Checker & Analyzer मोबाइल डिवाइस पर काम करता है?
हाँ, Favicon Checker & Analyzer पूरी तरह रिस्पॉन्सिव है और स्मार्टफ़ोन व टैबलेट पर काम करता है। आप इसे आधुनिक वेब ब्राउज़र वाले किसी भी डिवाइस पर इस्तेमाल कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या पंजीकरण की ज़रूरत नहीं है। बस अपने ब्राउज़र में Favicon Checker & Analyzer खोलें और तुरंत इस्तेमाल शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।
कौन-से ब्राउज़र समर्थित हैं?
Favicon Checker & Analyzer सभी आधुनिक ब्राउज़र में काम करता है, जिनमें Chrome, Firefox, Safari, Edge और Opera शामिल हैं। बेहतरीन अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण उपयोग करें।
फेविकॉन के लिए सिर्फ एक फाइल की बजाय इतनी सारी अलग-अलग फाइलों की ज़रूरत क्यों पड़ती है?
क्योंकि कोई एक फाइल हर प्लेटफॉर्म की ज़रूरत पूरी नहीं करती। डेस्कटॉप ब्राउज़र टैब और बुकमार्क बार के लिए छोटे PNG या .ico पढ़ते हैं, iOS एक अलग 180×180 apple-touch-icon इस्तेमाल करता है जब कोई आपकी साइट को होम स्क्रीन पर सेव करता है, और Android व PWA अपने लॉन्चर आइकन (192×192 और 512×512) किसी link टैग से नहीं बल्कि web manifest से लेते हैं। इसके बाद एक theme-color meta मोबाइल ब्राउज़र UI को रंग देता है। हर प्लेटफॉर्म एक अलग डिक्लेरेशन देखता है, इसलिए एक मज़बूत सेटअप में legacy /favicon.ico फॉलबैक, आधुनिक 16×16 और 32×32 PNG, एक Apple touch icon, एक manifest, और theme-color शामिल होते हैं। इनमें से कोई एक छूट जाए तो वह प्लेटफॉर्म चुपचाप खाली या कटी हुई इमेज दिखाने लगता है। यह देखने के लिए कि इन छह डिक्लेरेशन में से आपके पास वास्तव में क्या है और क्या गायब है, अपना head सेक्शन एनालाइज़र में पेस्ट करें।
rel="icon" और rel="apple-touch-icon" में क्या फर्क है?
ये अलग-अलग संदर्भों को लक्षित करते हैं। rel="icon" (या पुराना rel="shortcut icon") वाला लिंक डेस्कटॉप ब्राउज़र टैब, बुकमार्क और हिस्ट्री में दिखने वाला छोटा आइकन देता है, और आमतौर पर इसे 16×16 और 32×32 के साथ-साथ एक .ico फॉलबैक के रूप में घोषित किया जाता है। rel="apple-touch-icon" वाला लिंक Safari और iOS द्वारा तब पढ़ा जाता है जब कोई उपयोगकर्ता आपके पेज को होम स्क्रीन पर जोड़ता है; इसे बिना ट्रांसपेरेंसी वाला एक ही 180×180 का PNG होना चाहिए, क्योंकि iOS खुद अपने गोल कोने जोड़ता है। एक की जगह दूसरे का इस्तेमाल करने से कमी रह जाती है: apple-touch-icon छोड़ दें तो होम-स्क्रीन शॉर्टकट आपके लोगो की बजाय कटी हुई स्क्रीनशॉट दिखाता है। एनालाइज़र हर मिले हुए icon लिंक को उसके rel, href, sizes, और type के साथ सूचीबद्ध करता है, और डेस्कटॉप आइकन व Apple touch icon दोनों को अलग-अलग चिह्नित करता है ताकि आप हर एक की सही घोषणा की पुष्टि कर सकें।
अगर मैं अपने HTML का केवल एक हिस्सा पेस्ट करूं तो एनालाइज़र फेविकॉन टैग कैसे ढूंढता है?
यह टूल आपके द्वारा दिए गए markup में icon वाले टैग्स को स्कैन करता है, इसलिए यह पूरे पेज सोर्स पर या सिर्फ head सेक्शन पर भी काम करता है। यह हर उस <link> को मैच करता है जिसके rel में icon, apple-touch-icon, manifest, shortcut, या mask-icon शामिल हो, और हर उस <meta> को जो theme-color, msapplication-TileImage, या msapplication-TileColor के लिए हो। हर एक के लिए यह rel या name, href या content, sizes, और type निकालकर एक टेबल में सूचीबद्ध करता है। यह संदर्भित इमेज फाइलों को fetch नहीं करता और न ही किसी लाइव URL को लोड करता है, इसीलिए यह staging साइटों, पासवर्ड-प्रोटेक्टेड पेजों, या लोकल HTML से भी बिना दिक्कत markup पढ़ लेता है। सबसे पूर्ण परिणाम के लिए, अपना पूरा <head> पेस्ट करें, क्योंकि वहीं फेविकॉन डिक्लेरेशन रहते हैं। अपना markup डालें और एनालाइज़र कुछ ही सेकंड में हर पहचाना गया icon टैग रिपोर्ट कर देगा।
क्या सिर्फ फेविकॉन काम करने के लिए web manifest ज़रूरी है?
नहीं, एक बुनियादी फेविकॉन बिना इसके भी काम करता है। ब्राउज़र एक साधारण rel="icon" लिंक या /favicon.ico से टैब आइकन दिखाएंगे, और Safari apple-touch-icon इस्तेमाल करेगा, इनमें से कोई भी manifest पर निर्भर नहीं करता। manifest तब मायने रखता है जब आप चाहते हैं कि Android Chrome और प्रोग्रेसिव वेब ऐप्स एक सही लॉन्चर आइकन दिखाएं, क्योंकि ये प्लेटफॉर्म अपने 192×192 और 512×512 आइकन link टैग से नहीं बल्कि site.webmanifest से पढ़ते हैं। इसके बिना, Android होम-स्क्रीन शॉर्टकट एक सामान्य या अक्षर-आधारित आइकन दिखाने लगता है। इसलिए manifest टैब फेविकॉन के लिए वैकल्पिक है लेकिन एक पूर्ण, इंस्टॉल-रेडी सेटअप के लिए अपेक्षित है, यही वजह है कि एनालाइज़र गायब manifest को एक कमी के रूप में चिह्नित करता है, न कि किसी सख्त एरर के रूप में। यह देखने के लिए कि आपका manifest और theme-color मौजूद हैं या नहीं, अपना head सेक्शन टूल में डालें।
link टैग head में होने के बावजूद मेरा फेविकॉन क्यों नहीं दिख रहा?
एक सही टैग सिर्फ आधी कहानी है। सबसे आम वजहें हैं: गलत href पाथ, जिससे ब्राउज़र एक ऐसी फाइल मांगता है जो 404 लौटाती है; आक्रामक ब्राउज़र कैशिंग, जिसमें फाइल अपडेट करने के बाद भी पुराना या खाली आइकन लंबे समय तक चिपका रहता है; या खुद इमेज का खराब या गलत फॉर्मैट में होना जिसे ब्राउज़र रेंडर नहीं कर पाता। ऐसे sizes घोषित करना जो असली इमेज से मेल नहीं खाते, या rel="icon" को किसी ऐसी फाइल पर पॉइंट करना जो अब मौजूद ही नहीं है, भी वही खाली नतीजा देता है। यह एनालाइज़र आपके सर्वर पर मौजूद फाइलों की नहीं बल्कि आपके markup में मौजूद डिक्लेरेशन की जांच करता है, इसलिए यह पुष्टि करता है कि टैग और sizes मौजूद और सही ढंग से फॉर्मेट किए गए हैं या नहीं, फिर बताता है कि क्या गायब है। पहले अपना head यहां पेस्ट करके टैग की समस्याएं दूर करें, फिर हर href के सच में लोड होने की पुष्टि करें और कैश साफ करने के लिए हार्ड रिफ्रेश आज़माएं।
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/favicon-checker" title="Free Favicon Checker & Analyzer — The Toolbox" width="100%" height="280" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/website-tools/favicon-checker?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Favicon Checker & Analyzer</a> by The Toolbox</p>संबंधित टूल
मुफ़्त वेबसाइट स्पीड टेस्ट
अपनी वेबसाइट के पेज लोड समय, प्रदर्शन मेट्रिक्स और अनुकूलन के अवसरों का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त मोबाइल फ्रेंडली टेस्ट
जांचें कि आपकी साइट मोबाइल डिवाइस के लिए अनुकूलित है या नहीं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त मेटा टैग एक्सट्रैक्टर
SEO और सोशल मीडिया विश्लेषण के लिए किसी भी वेबपेज से सभी मेटा टैग निकालें और समीक्षा करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
मुफ़्त वेबसाइट स्क्रीनशॉट टूल
डिज़ाइन समीक्षा और परीक्षण के लिए किसी भी वेबपेज के पूर्ण-पृष्ठ या व्यूपोर्ट स्क्रीनशॉट कैप्चर करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
फ्री फेविकॉन चेकर और एनालाइज़र के बारे में
फेविकॉन चेकर और एनालाइज़र एक फ्री टूल है जो किसी पेज के HTML <head> में घोषित फेविकॉन सेटअप की जांच करता है। किसी भी वेबपेज के head सेक्शन को पेस्ट करें और यह हर icon-संबंधित <link> और <meta> टैग को निकालकर बताता है कि उसमें क्या-क्या मिला, फिर सेटअप को उन साइज़ और फॉर्मैट के आधार पर स्कोर देता है जिनकी उम्मीद आधुनिक ब्राउज़र करते हैं। यह फ्रंट-एंड डेवलपर्स, SEO विशेषज्ञों और उन साइट मालिकों के लिए बनाया गया है जो यह पक्का करना चाहते हैं कि उनका फेविकॉन ब्राउज़र टैब, बुकमार्क, मोबाइल होम स्क्रीन और सर्च रिज़ल्ट्स में साफ-सुथरा दिखे — बिना यह अंदाज़ा लगाए कि कौन-सा टैग गायब है।
फेविकॉन वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क बार और हिस्ट्री लिस्ट में दिखाता है। आज के समय में "पूरा" फेविकॉन सेटअप सिर्फ एक फाइल नहीं रह गया है: अलग-अलग प्लेटफॉर्म अलग-अलग डिक्लेरेशन पढ़ते हैं, इसलिए एक मज़बूत सेटअप में एक पुरानी .ico फाइल, आधुनिक PNG साइज़, एक Apple touch icon, एक Android web manifest, और एक theme-color संकेत शामिल होता है। यह टूल इन कमियों को एक नज़र में दिखा देता है।
एनालाइज़र किन चीज़ों की जांच करता है
आपके markup पेस्ट करने के बाद, यह टूल icon वाले टैग्स को स्कैन करता है और छह best-practice जांचों के आधार पर रिपोर्ट देता है, हर एक को satisfied, warning या missing के रूप में चिह्नित करता है:
- favicon.ico फॉलबैक —
rel="icon"याshortcut iconजो किसी.icoफाइल की ओर इशारा करता है, जो पुराने ब्राउज़रों के लिए अब भी सबसे सुरक्षित डिफॉल्ट है। - 32×32 आइकन — डेस्कटॉप ब्राउज़रों के लिए मानक high-DPI टैब और बुकमार्क साइज़।
- 16×16 आइकन — क्लासिक छोटा टैब साइज़, जिसे
sizes="16x16"के साथ घोषित किया जाता है। - Apple Touch Icon (180×180) —
rel="apple-touch-icon", जिसका इस्तेमाल तब होता है जब कोई आपकी साइट को iOS होम स्क्रीन पर जोड़ता है। - Web App Manifest —
rel="manifest", जो Android और PWA आइकन (आमतौर पर 192×192 और 512×512) उपलब्ध कराता है। - Theme color meta —
<meta name="theme-color">, जो मोबाइल पर ब्राउज़र UI को रंग देता है।
यह टूल रास्ते में मिलने वाले संबंधित डिक्लेरेशन भी दिखाता है, जैसे mask-icon लिंक और पुराने Windows टाइल्स के लिए इस्तेमाल होने वाले msapplication-TileImage व msapplication-TileColor meta टैग।
इसका इस्तेमाल कैसे करें
अपना पेज ब्राउज़र में खोलें और Ctrl+U (Mac पर Cmd+U) से उसका सोर्स देखें, <head> सेक्शन कॉपी करें, उसे बॉक्स में पेस्ट करें और Analyze पर क्लिक करें। टूल markup को पार्स करता है और तीन चीज़ें लौटाता है: एक completeness स्कोर जो बताता है कि कितनी जांचें पास हुईं, हर पहचाने गए फेविकॉन डिक्लेरेशन की सूची (टैग टाइप, rel, href, sizes, और type), और स्पष्ट सुझाव। हर गायब आइटम के साथ जोड़ने के लिए सटीक टैग भी दिया जाता है — उदाहरण के लिए, <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> — ताकि आप उस फिक्स को सीधे अपने टेम्पलेट में कॉपी कर सकें।
चूंकि एनालाइज़र किसी लाइव URL को fetch करने के बजाय आपके द्वारा पेस्ट किए गए markup को पढ़ता है, यह staging पेजों, पासवर्ड-प्रोटेक्टेड साइटों और लोकल HTML फाइलों पर भी काम करता है। सब कुछ आपके ब्राउज़र में ही चलता है; आप जो भी पेस्ट करते हैं वह अपलोड, स्टोर या किसी सर्वर पर नहीं भेजा जाता, और इसके लिए किसी साइन-अप की ज़रूरत नहीं है।
पूरा फेविकॉन सेटअप क्यों मायने रखता है
एक गायब या खराब फेविकॉन एक छोटा मगर लगातार बना रहने वाला क्वालिटी सिग्नल है। ब्राउज़र एक खाली दस्तावेज़ आइकन दिखाने लगते हैं, जिससे कई खुले टैब्स के बीच आपका टैब ढूंढना मुश्किल हो जाता है और यह बुकमार्क की गई प्रतिस्पर्धी साइटों के सामने अधूरा दिखता है। मोबाइल पर, गायब Apple touch icon या manifest का मतलब है कि होम-स्क्रीन शॉर्टकट आपके ब्रांड चिह्न की बजाय एक कटी हुई स्क्रीनशॉट दिखाता है, और Android प्रोग्रेसिव वेब ऐप्स अपना लॉन्चर आइकन पूरी तरह खो देते हैं।
एक सामान्य प्रोडक्शन-रेडी सेटअप में शामिल होते हैं: /favicon.ico (पुराने ब्राउज़रों के लिए 16×16 और 32×32 मिलाकर), आधुनिक ब्राउज़रों के लिए अलग favicon-16x16.png और favicon-32x32.png फाइलें, 180×180 का apple-touch-icon.png, site.webmanifest से रेफर किए गए 192×192 और 512×512 PNG, और एक theme-color meta टैग। किसी भी रीडिज़ाइन या फ्रेमवर्क माइग्रेशन के बाद अपने head सेक्शन को एनालाइज़र से गुज़ारें — ये टैग रीबिल्ड के दौरान आसानी से छूट जाते हैं, और यह जांच उपयोगकर्ताओं से पहले ही उन कमियों को पकड़ लेती है।