फ़ेविकॉन जनरेटर खोजिए और ज़्यादातर आपको एक zip थमा देंगे जिसमें एक ICO फ़ाइल, नौ PNG, एक मैनिफ़ेस्ट और Microsoft की उस टाइल के लिए ब्राउज़र कॉन्फ़िग है जो सालों पहले बंद हो चुकी। इसमें से लगभग कुछ भी ज़रूरी नहीं।
ICO फ़ॉर्मैट इसलिए है कि Internet Explorer उसे माँगता था। हर मौजूदा ब्राउज़र PNG लेता है, और ज़्यादातर SVG पसंद करते हैं।
असल में आपको क्या चाहिए
| फ़ाइल | काम |
|---|---|
favicon.svg |
टैब का आइकन, हर आकार पर तीखा, डार्क मोड पर बदल सकता है |
favicon-32x32.png |
जो SVG न ले उसके लिए विकल्प |
180px का apple-touch-icon.png |
iOS होम स्क्रीन |
192 और 512 की PNG |
Android इंस्टॉल संकेत और स्प्लैश स्क्रीन |
चार फ़ाइलें और HTML की चार पंक्तियाँ। पहले जोड़ने लायक़ SVG फ़ेविकॉन है, क्योंकि वह किसी भी डिस्प्ले पर तीखा रहता है और prefers-color-scheme नियम रख सकता है, ताकि गहरा लोगो डार्क मोड में हल्का हो जाए; कोई PNG यह नहीं कर सकती।
असली बंदिश 16 पिक्सेल क्यों है
ब्राउज़र टैब में दिखने वाला आइकन 16 पिक्सेल चौड़ा है, या ऊँची डेंसिटी वाली स्क्रीन पर 16 पर दिखाया गया 32। लोगो के लिए यह जगह काफ़ी नहीं।
उस आकार पर एक आकृति या एक अक्षर की जगह है। बारीकी सिकुड़ती नहीं, लुगदी बन जाती है: नाम वाला लोगो धूसर धब्बा बन जाता है, बारीक प्रतीक एक गोला।
इसीलिए इतने सारे फ़ेविकॉन एक अकेला अक्षर हैं। आलस नहीं: बस वही पढ़ा जाता है। पहले 16 के लिए डिज़ाइन करें, और अगर वहाँ चलता है तो हर जगह चलेगा।
चौकोर स्रोत क्यों मायने रखता है
फ़ेविकॉन चौकोर होता है। जनरेटर को चौड़ा लोगो दीजिए तो उसे या तो पट्टियाँ लगानी पड़ती हैं, जो रेंडरिंग की गड़बड़ी जैसी दिखती हैं, या क्रॉप करना पड़ता है, जिससे सिरे कट जाते हैं।
भरने के लिए क्रॉप करना बेहतर डिफ़ॉल्ट है क्योंकि पट्टियाँ टूटी हुई लगती हैं, पर असली जवाब है चौकोर निशान देना। चौड़े नाम वाले लोगो वाले ज़्यादातर ब्रांडों के पास ठीक इसी हालत के लिए एक छोटा प्रतीक होता है।
मेरा नया फ़ेविकॉन दिख क्यों नहीं रहा?
क्योंकि ब्राउज़र फ़ेविकॉन को बाक़ी एसेट से कहीं ज़्यादा ज़िद से कैश करते हैं, और अक्सर हार्ड रिफ़्रेश को भी अनदेखा कर देते हैं।
फ़ाइल लगभग हमेशा ठीक होती है। जो काम करता है: आइकन का URL सीधे खोलकर उसे रिफ़्रेश करना, साइट डेटा साफ़ करना, या ब्राउज़र की दूसरी प्रोफ़ाइल। फ़ाइल का नाम बदलना भरोसे से काम करता है और डेवलपमेंट के दौरान व्यावहारिक विकल्प है।
लोग जो पूछते हैं
क्या रूट पर favicon.ico अब भी चाहिए? कुछ क्रॉलर और फ़ीड रीडर उसे माँगते हैं और न होने पर 404 दर्ज करेंगे। दोनों ही हालत में कोई नुक़सान नहीं।
क्या एक SVG सब ढक सकता है? ब्राउज़रों के लिए, व्यवहार में हाँ। iOS को होम स्क्रीन के लिए अब भी PNG चाहिए।
क्या फ़ेविकॉन SEO पर असर डालता है? Google उसे मोबाइल सर्च में नतीजे के बगल में दिखाता है, इसलिए यह असर डालता है कि कोई क्लिक करेगा या नहीं। यह रैंकिंग का कारक नहीं है।
Microsoft टाइल कॉन्फ़िग का क्या? बंद हो चुका। छोड़ना सुरक्षित है।
फ़ेविकॉन जनरेटर, फ़िलहाल अंग्रेज़ी में, वही आकार बनाता है जो इस्तेमाल होते हैं और आपको HTML देता है, और इमेज रीसाइज़ करें और इमेज क्रॉप करें चौकोर स्रोत तैयार करने में मदद करते हैं।