अपनी वेबसाइट के लिए फ़ेविकॉन कैसे बनाएँ

फ़ेविकॉन खुले टैब के बीच आपकी साइट ढूँढने में मदद करता है। जानिए कौन-से आकार चाहिए और उन्हें पेजों में कैसे जोड़ें।

फ़ेविकॉन वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क और सर्च नतीजों में दिखता है। यह छोटी-सी बात है, पर इससे साइट पहचानना आसान होता है और वह ज़्यादा पूरी लगती है।

एक सादी, चौकोर इमेज से शुरू करें

फ़ेविकॉन 16 × 16 पिक्सेल जितने छोटे भी दिखते हैं, इसलिए बारीक विवरण गायब हो जाते हैं। मोटा अक्षर, सादा प्रतीक या लोगो का सरल रूप सबसे अच्छा रहता है। कम से कम 512 × 512 पिक्सेल की चौकोर इमेज से शुरू करें।

आपको ये फ़ाइलें चाहिए

• favicon.ico 16, 32 और 48 पिक्सेल आकारों के साथ, पुराने ब्राउज़र और Windows के लिए।
• favicon-32x32.png और favicon-16x16.png आधुनिक ब्राउज़र के लिए।
• apple-touch-icon.png 180 × 180 पिक्सेल में, iPhone और iPad की होम स्क्रीन के लिए।
• android-chrome-192x192.png और 512x512.png, site.webmanifest फ़ाइल में दर्ज, Android के लिए।

पेजों में टैग जोड़ें

फ़ाइलें अपनी वेबसाइट के रूट फ़ोल्डर में अपलोड करें और हर पेज के <head> में ये लाइनें जोड़ें:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

सब एक साथ बनाएँ

हर आकार हाथ से बनाना थकाऊ है। हमारा फ़ेविकॉन जनरेटर एक ही इमेज से ऊपर की सभी फ़ाइलें बनाता है, उन्हें ZIP में रखता है और कॉपी करने के लिए HTML देता है।

ब्राउज़र फ़ेविकॉन को लंबे समय तक कैश में रखते हैं, इसलिए अगर पुराना आइकन बदलने पर बदलाव न दिखे, तो प्राइवेट विंडो आज़माएँ या ब्राउज़र का कैश साफ़ करें।