Favicon चेकर

सारांश (TL;DR)

सत्यापन मायने रखता है: एक टूटा हुआ फैविकॉन केवल एक गायब आइकन नहीं है; यह सर्वर लॉग में 404 त्रुटियां का कारण बनता है और ब्रांड छवि को खराब करता है।
व्यापक विश्लेषण: यह टूल favicon.ico, PNG आइकन, Apple Touch Icons और Web Manifests को सत्यापित करने के लिए आपकी साइट को क्रॉल करता है।
कार्रवाई योग्य फीडबैक: फ़ाइल पहुंच, आयाम बेमेल और प्रारूप वैधता पर विशिष्ट रिपोर्ट प्राप्त करें।

फैविकॉन को सत्यापित क्यों करें?

फैविकॉन तैनात करना सरल लगता है, लेकिन व्यवहार में यह मूक विफलताओं का खतरा है। आधुनिक ब्राउज़र पारिस्थितिक तंत्र (डेस्कटॉप, Android, iOS) की अलग-अलग आवश्यकताएं हैं।

ब्राउज़र कैशिंग: स्थानीय ब्राउज़र फैविकॉन को आक्रामक रूप से कैश करते हैं, अक्सर उन समस्याओं को छिपाते हैं जो नए आगंतुक देखते हैं।
खंडित मानक: आपको केवल favicon.ico से अधिक की आवश्यकता है। Apple डिवाइस apple-touch-icon की तलाश करते हैं। Android और PWA site.webmanifest की तलाश करते हैं।
सर्वर कॉन्फ़िगरेशन: HTML में सही पथ का कोई मतलब नहीं है यदि आपका सर्वर 403 या गलत MIME प्रकार लौटाता है।

क्या जांचा जाता है

हमारा विश्लेषक बहु-चरणीय ऑडिट करता है:

HTML पार्सिंग: हम सभी घोषित आइकन लिंक खोजने के लिए <head> को स्कैन करते हैं।
मैनिफेस्ट सत्यापन: हम सत्यापित करते हैं कि वेब मैनिफेस्ट में घोषित आकार वास्तविक फ़ाइलों से मेल खाते हैं या नहीं।
पहुंच: हम यह सत्यापित करने के लिए प्रत्येक आइकन डाउनलोड करने का प्रयास करते हैं कि यह 200 OK लौटाता है।
प्रारूप और आयाम: हम यह सुनिश्चित करने के लिए बाइनरी डेटा का निरीक्षण करते हैं कि फ़ाइल एक मान्य छवि है और आयाम मेल खाते हैं।
अंतर्निहित खोज: हम /favicon.ico जैसे मानक पथों की जांच करते हैं।

सामान्य परिनियोजन विफलताएं

1. “भूत” आइकन

आपके पास एक <link> टैग है, लेकिन फ़ाइल 404 लौटाती है। सुधार: डोमेन रूट के सापेक्ष फ़ाइल पथ की जाँच करें।

2. प्रारूप बेमेल

आप type="image/png" घोषित करते हैं लेकिन JPEG या ICO परोसते हैं। सुधार: सुनिश्चित करें कि सर्वर Content-Type हेडर वास्तविक प्रारूप से मेल खाता है।

3. आयाम झूठ

HTML sizes="32x32" कहता है, लेकिन वास्तविक छवि 16x16 है। सुधार: सटीक आकार बनाने के लिए फैविकॉन जेनरेटर का उपयोग करें।

4. Apple Touch Icon गायब

apple-touch-icon के बिना, iOS उपयोगकर्ता होम स्क्रीन पर जोड़ते समय एक सामान्य पृष्ठ स्क्रीनशॉट देखेंगे। सुधार: Apple के लिए हमेशा 180x180 PNG शामिल करें।

सर्वोत्तम प्रथाएं

रूट फ़ालबैक: हमेशा रूट (/favicon.ico) में favicon.ico रखें।
आधुनिक के लिए SVG: रिज़ॉल्यूशन स्वतंत्रता के लिए SVG फैविकॉन का उपयोग करें।
मैनिफेस्ट: manifest.json में अलग आइकन परिभाषित करें।
कैश बस्टिंग: अपडेट करते समय क्वेरी स्ट्रिंग (जैसे ?v=2) का उपयोग करें।

Favicon उपकरण