फ़ेविकॉन कैसे बनाएं
एक आधुनिक फ़ेविकॉन 16×16 छवि से कहीं अधिक है। यहां सेटअप के लिए संपूर्ण वर्कफ़्लो दिया गया है जो प्रत्येक ब्राउज़र, OS और डिवाइस पर स्पष्ट दिखता है।
फ़ेविकॉन क्या है?
फ़ेविकॉन वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क बार और इतिहास सूची में दिखाता है। मोबाइल पर यह होम-स्क्रीन आइकन है. Windows पर यह शॉर्टकट आइकन है।
आधुनिक साइटें कई रिज़ॉल्यूशन और प्रारूप शिप करती हैं, इसलिए प्रत्येक सतह को एक स्पष्ट रेंडर मिलता है।
अपनी स्रोत छवि तैयार करें
एक वर्गाकार छवि से प्रारंभ करें जो कम से कम 512×512 हो - आदर्श रूप से एक वर्गाकार viewBox के साथ एक SVG। कोई भी छोटी चीज़ कम होने पर धुंधली हो जाएगी।
पतली रेखाओं और छोटे पाठ से बचें. वे 16×16 पर गायब हो जाते हैं।
एक बहु-आकार .ico उत्पन्न करें
एक एकल favicon.ico के अंदर बंडल 16, 32, 48, 64, 128, और 256। ब्राउज़र स्वचालित रूप से सही आकार चुनते हैं।
हमारा फ़ेविकॉन जनरेटर इस क्लाइंट-साइड को एक सेकंड से भी कम समय में पूरा करता है।
HTML टैग जोड़ें
favicon.ico को अपनी साइट रूट में छोड़ें। फिर संपूर्ण सेटअप के लिए <head> में SVG, apple-touch-icon और मेनिफेस्ट आइकन जोड़ें।
प्रत्येक ब्राउज़र में सत्यापित करें
Chrome, Safari, Firefox और Edge में हार्ड-रिफ्रेश। बुकमार्क बार, टैब और होम-स्क्रीन इंस्टॉल की जाँच करें।