फ़ेविकॉन मार्गदर्शिकाएँ
फ़ेविकॉन बनाते समय उठने वाले सवालों के सीधे जवाब: कौन से आकार, कौन से फ़ॉर्मैट और कौन सा कोड पेस्ट करें।
फ़ेविकॉन के आकार: फ़ॉर्मैट और उपयोग
“फ़ेविकॉन का आकार” खोजने पर आज भी 2014 की पंद्रह फ़ाइलों वाली सूचियाँ मिलती हैं। असल में अब छह आकार ब्राउज़र टैब, खोज परिणाम, iOS, Android और PWA के लिए काफ़ी हैं। आइए जानें कौन से और क्यों।
मार्गदर्शिका पढ़ेंPNG को ICO में मुफ़्त बदलें
.ico आज भी साइट के रूट में अपेक्षित फ़ॉर्मैट है, और अधिकतर ऑनलाइन कन्वर्टर चित्र अपने सर्वर पर अपलोड करवाते हैं। जानें कि बिना कुछ अपलोड किए PNG से सही, कई आकारों वाला favicon.ico कैसे बनाएँ।
मार्गदर्शिका पढ़ेंapple-touch-icon: आकार, फ़ॉर्मैट और कोड
Apple Touch आइकन उस चित्र को स्पष्ट रूप से तय करता है जो किसी आगंतुक के आपकी साइट को iPhone की होम स्क्रीन पर जोड़ने पर दिखता है। यह ब्राउज़र टैब के फ़ेविकॉन और वेब ऐप मैनिफ़ेस्ट के आइकन से अलग है।
मार्गदर्शिका पढ़ेंSVG से डार्क मोड फ़ेविकॉन
पारदर्शी पृष्ठभूमि पर काला लोगो लाइट टैब में बढ़िया दिखता है और डार्क टैब में गायब हो जाता है। ICO खुद को बदल नहीं सकता, लेकिन SVG फ़ेविकॉन बदल सकता है: उसमें CSS का नियम होता है जो ब्राउज़र थीम के अनुसार रंग बदलता है।
मार्गदर्शिका पढ़ेंHTML में फ़ेविकॉन लगाएँ
HTML में भरोसेमंद फ़ेविकॉन किसी एक जादुई टैग पर निर्भर नहीं करता। इसके लिए कुछ उपलब्ध फ़ाइलें और head में लिंक चाहिए। यह तरीका पुराने संस्करणों की संख्या बढ़ाए बिना आधुनिक टैब, पुराने क्लाइंट और मोबाइल शॉर्टकट सँभालता है।
मार्गदर्शिका पढ़ेंफ़ेविकॉन नहीं दिख रहा या अपडेट नहीं होता
फ़ेविकॉन गायब होने पर हमेशा फ़ाइल की गलती नहीं होती। ब्राउज़र, CDN, सर्विस वर्कर और सर्च इंजन में अलग-अलग संस्करण रह सकते हैं। क्रम से जाँच करने पर एक साथ कई चीज़ें बदलने से बचते हैं।
मार्गदर्शिका पढ़ेंNext.js App Router में फ़ेविकॉन
App Router परंपरागत फ़ाइलों या metadata ऑब्जेक्ट से आइकन तत्व बना सकता है। दोनों तरीके सही हैं, लेकिन स्पष्ट नियम के बिना उन्हें मिलाने से आसानी से परस्पर विरोधी घोषणाएँ बन सकती हैं।
मार्गदर्शिका पढ़ेंSVG फ़ेविकॉन मार्गदर्शिका
SVG हर पिक्सेल घनत्व पर किनारे साफ़ रखता है और थीम के अनुसार रंग बदल सकता है। इस लचीलेपन के साथ एक शर्त है: फ़ाइल अपने आप में पूरी, सरल और बहुत छोटी जगह में भी पहचानने योग्य रहे।
मार्गदर्शिका पढ़ें