क्या आपको सचमुच हर Favicon फ़ाइल चाहिए, या सिर्फ़ favicon.ico?
एक generator आपको आइकन फ़ाइलों से भरा एक फ़ोल्डर देता है। अधिकांश साइटें उनमें से मुट्ठीभर का ही इस्तेमाल करती हैं। यहाँ बताया गया है कि हर एक असल में किसलिए है, ताकि आप वे भेज सकें जो आपकी सतहों को चाहिए और बाकी को साफ़ ज़मीर के साथ छोड़ सकें।
Generators आपको पूरी किट क्यों देते हैं
एक favicon generator एक दर्जन या उससे अधिक फ़ाइलें निर्यात करता है क्योंकि वह नहीं जान सकता कि आप किन सतहों की परवाह करते हैं, इसलिए वह उन सभी को एक साथ कवर करता है: हर browser, iOS, Android, PWA इंस्टॉल, Windows tiles, सब कुछ। यह एक समझदार डिफ़ॉल्ट है: फ़ाइलें बहुत छोटी होती हैं और कुछ अप्रयुक्त फ़ाइलें भेजना थोड़ी अव्यवस्था के अलावा कुछ नहीं लेता।
पर अधिक फ़ाइलें बेहतर favicon नहीं होतीं। यह अधिक कवर किया गया favicon होता है। वह कवरेज किसी काम की है या नहीं, यह पूरी तरह इस पर निर्भर करता है कि आपके विज़िटर असल में किन सतहों तक पहुँचते हैं, और बहुत सी साइटों के लिए वह एक छोटी सूची है।
हर फ़ाइल किसलिए है, और किसे इसकी ज़रूरत है
| फ़ाइल(ें) | जिस सतह की सेवा करती है | क्या आपको इसकी ज़रूरत है? |
|---|---|---|
| favicon.ico | Browser tabs, bookmarks, crawlers, feed readers | हाँ, हमेशा |
| favicon.svg / 32px PNG | आधुनिक browsers पर अधिक साफ़ tab आइकन | अच्छा है अगर हो |
| apple-touch-icon (180) | iOS होम स्क्रीन शॉर्टकट | केवल अगर लोग आपकी साइट को iPhone पर सेव करते हैं |
| manifest + 192/512 PNG | Android और PWA इंस्टॉल | केवल अगर यह एक इंस्टॉल करने योग्य app है |
| maskable आइकन | Android अनुकूली आइकन आकृति | केवल एक PWA के लिए |
| 48px+ आइकन | Google search results में favicon | हाँ, अगर आप search में अपनी दिखावट की परवाह करते हैं |
ईमानदार न्यूनतम
एक साधारण मार्केटिंग साइट, एक ब्लॉग या एक docs पेज के लिए, 16, 32 और 48 पिक्सेल संस्करण रखने वाला एक अकेला favicon.ico वाकई पर्याप्त है। ऊँची-घनत्व वाली स्क्रीनों पर साफ़ आइकन चाहिए तो एक SVG जोड़ें, और बस हो गया। कोई आपके ब्लॉग को होम स्क्रीन पर इंस्टॉल नहीं करने वाला, इसलिए apple-touch-icon और manifest आइकन वहाँ बिना इस्तेमाल के पड़े रहते हैं।
वह 48-पिक्सेल एंट्री दोहरा काम करती है: यह वही आकार भी है जो Google आपके परिणाम के बगल में favicon दिखाने से पहले चाहता है, इसलिए एक अच्छा .ico चुपचाप search में आपकी दिखावट भी कवर कर लेता है।
जब पूरा सेट अपनी जगह अर्जित करता है
अतिरिक्त फ़ाइलें उसी क्षण वैकल्पिक नहीं रह जातीं जब आप उन सतहों का इस्तेमाल करते हैं जिनकी वे सेवा करती हैं। एक इंस्टॉल करने योग्य PWA अपने manifest में एक 192 और एक 512 के बिना इंस्टॉल की पेशकश भी नहीं करेगा। जिस app को लोग अपने iPhone होम स्क्रीन पर जोड़ते हैं वह apple-touch-icon के बिना टूटा हुआ दिखता है, क्योंकि iOS एक धुँधले स्क्रीनशॉट पर लौट जाता है। जो product dark mode पर टिका होता है वह एक theme-aware आइकन चाहता है ताकि यह tab strip के सामने गायब न हो जाए।
उन साइटों पर, "अतिरिक्त" आइकन बिल्कुल भी अतिरिक्त नहीं होते: वे उन सतहों पर सही दिखने का इकलौता तरीका होते हैं जिन तक आपके उपयोगकर्ता वाकई पहुँचते हैं। कवरेज ठीक वहीं मायने रखती है जहाँ इसका इस्तेमाल होता है, जो ठीक वही बात है जो पूर्ण कवरेज का तर्क असल में कह रहा है।
तो क्या generator को आपसे चुनवाना चाहिए?
हमारी राय: पूरा सेट निर्यात करना सही डिफ़ॉल्ट है, क्योंकि यह सुरक्षित है और आपको लगभग कुछ नहीं लेता। पर आपको सिर्फ़ वही भेजने में बेझिझक होना चाहिए जो आपकी सतहों को चाहिए (सबके लिए एक favicon.ico, और अगर आपके पास कोई app या PWA है तो एक apple-touch-icon और एक manifest) और बाकी को बिना अपराधबोध के हटा देना चाहिए।
उपयोगी मानसिक मॉडल यह नहीं है कि "मेरे पास कितनी favicon फ़ाइलें होनी चाहिए", बल्कि यह है कि "मैं असल में किन सतहों पर दिखता हूँ"। इसका जवाब दें, और फ़ाइल सूची खुद-ब-खुद तय हो जाती है।
अक्सर पूछे जाने वाले प्रश्न
क्या मुझे उन सभी favicon आकारों की ज़रूरत है?
नहीं। 16, 32 और 48 पिक्सेल संस्करणों वाला एक favicon.ico browser tabs और Google search आइकन को कवर करता है। बाकी आकार विशिष्ट सतहों (iOS होम स्क्रीन, Android और PWA इंस्टॉल) से मैप होते हैं, इसलिए उन्हें केवल तभी भेजें जब आप उनका इस्तेमाल करते हों।
क्या सिर्फ़ favicon.ico पर्याप्त है?
हर browser पर browser tabs के लिए, हाँ। यह iOS होम-स्क्रीन शॉर्टकट, PWA इंस्टॉल या theme-aware dark-mode आइकन के लिए पर्याप्त नहीं है, और इनमें से हर एक को अपनी फ़ाइल चाहिए। अगर आप उन सतहों का इस्तेमाल नहीं करते, तो एक अकेला अच्छा .ico ठीक है।
क्या अधिक favicon फ़ाइलें होना SEO में मदद करता है?
नहीं। अतिरिक्त आइकनों का कोई रैंकिंग लाभ नहीं है। Google को results में favicon दिखाने के लिए कम से कम 48x48 का एक ही आइकन चाहिए; अतिरिक्त फ़ाइलें search के बाहर की सतहों की सेवा करती हैं और रैंकिंग को प्रभावित नहीं करतीं।
क्या अप्रयुक्त favicon फ़ाइलें मेरी साइट को धीमा करेंगी?
मुश्किल से। कोई फ़ाइल तभी लाई जाती है जब कोई सतह असल में उसका अनुरोध करती है, और पहले लोड के बाद favicons को आक्रामक रूप से cache किया जाता है। जिन आइकनों को आप इस्तेमाल नहीं करते, उन्हें भेजने की असली कीमत आपके प्रोजेक्ट में अव्यवस्था है, पेज की गति नहीं।