एक Emoji को Favicon के रूप में इस्तेमाल करना
आप एक emoji को favicon के रूप में सेट कर सकते हैं icon link को एक inline SVG data URI की ओर इशारा कराकर जो emoji को text के रूप में रखता है, बिना किसी image फ़ाइल के। यह आधुनिक browsers में तुरंत काम करता है। यह एक बढ़िया placeholder है, पर emoji को operating system के अपने font से बनाया जाता है, इसलिए यह Windows, macOS, Android और iOS पर अलग दिखता है, और यह /favicon.ico या home-screen icons को संतुष्ट नहीं करेगा। एक त्वरित शुरुआत से आगे किसी भी चीज़ के लिए, एक असली सेट export करें।
एक line, कोई फ़ाइल नहीं
तरकीब एक inline SVG data URI है: link का href एक SVG है जो emoji को एक text element के रूप में draw करता है, इसलिए host करने को कोई अलग image नहीं है। आधुनिक browsers इसे tab में तुरंत रेंडर करते हैं, जो इसे आपके निर्माण करते समय एक बढ़िया placeholder बनाता है।
Emoji ख़ुद उस emoji font से बनाया जाता है जो देखने वाले के operating system में भेजा गया हो, इसलिए वही favicon हर platform पर सूक्ष्म रूप से (या इतना सूक्ष्म नहीं) अलग दिखता है।
एक-line वाला तरीक़ा
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦊</text></svg>"
/>किसी भी emoji को बदल दें। Production में, विशेष characters को URL-encode करें: कुछ browsers एक data URI में कच्चे angle brackets को लेकर नखरे करते हैं।
Emoji favicon FAQ
क्या मैं एक emoji को favicon के रूप में इस्तेमाल कर सकता हूँ?
हाँ, एक inline SVG data URI के ज़रिए जो emoji को text के रूप में रेंडर करता है। यह आधुनिक browsers में बिना किसी image फ़ाइल के काम करता है, जो इसे एक सुविधाजनक त्वरित placeholder बनाता है।
मेरा emoji favicon हर device पर अलग क्यों दिखता है?
क्योंकि emoji को operating system के अपने emoji font से बनाया जाता है। Apple, Google, और Microsoft हर एक वही emoji अलग-अलग बनाते हैं, इसलिए आपका favicon उस भिन्नता को विरासत में पाता है।
क्या एक emoji favicon production के लिए काफ़ी अच्छा है?
एकमात्र आइकन के रूप में, नहीं। यह /favicon.ico या home screens को कवर नहीं करता, और यह platforms के बीच असंगत दिखता है। इसे शुरुआत के लिए इस्तेमाल करें, फिर launch के लिए एक उचित सेट export करें।