इमोजी खोज और कॉपी

इमोजी खोज और कॉपी टूल क्या है?#

इमोजी एकल वर्ण जैसे दिखते हैं, लेकिन पर्दे के नीचे उनमें से अधिकांश एकल नहीं हैं। मुस्कुराता चेहरा 😀 एक Unicode कोडपॉइंट है; लाल हार ❤️ दो हैं (एक आधार हार साथ में एक वेरिएशन सिलेक्टर जो इसे सादे टेक्स्ट ग्लिफ़ के बजाय रंगीन इमोजी के रूप में रेंडर करने हेतु बाध्य करता है); चीन का ध्वज 🇨🇳 दो क्षेत्रीय-संकेतक अक्षर हैं जो आपस में चिपकाए गए हैं। जब आपको स्वयं इमोजी चाहिए तो इससे कोई फ़र्क नहीं पड़ता — आप बस ग्लिफ़ चिपकाते हैं। पर जैसे ही आपको प्रलेखन हेतु उसका कोडपॉइंट चाहिए, वेब पृष्ठ हेतु उसकी HTML एन्टिटी, स्ट्रिंग लिटरल हेतु उसका JavaScript एस्केप, या content: नियम हेतु उसका CSS एस्केप, तो बहु-कोडपॉइंट वाले उन टूल को तोड़ देते हैं जो UTF-16 इकाइयों पर विभाजित करते हैं और भ्रष्ट सरोगेट आधे उत्पन्न करते हैं।

यह पृष्ठ एक खोज योग्य इमोजी सूची है जो इन सबको सही ढंग से संभालती है। आप अपनी भाषा में नाम या कीवर्ड से खोजते हैं, नौ श्रेणियाँ ब्राउज़ करते हैं, किसी भी इमोजी पर क्लिक करते हैं, और इसे पाँच प्रारूपों में से किसी में कॉपी करते हैं — ग्लिफ़, कोडपॉइंट, HTML, JavaScript, या CSS — प्रत्येक ग्लिफ़ को कोडपॉइंट दर कोडपॉइंट चलाकर उत्पन्न, इसलिए ❤️ और 🇨🇳 सही निकलते हैं।

इसका उपयोग कैसे करें#

लेआउट बायीं ओर एक साइडबार (खोज + श्रेणियाँ) और दायीं ओर एक ग्रिड + विवरण पैनल है।

1. इमोजी ढूँढें। या तो खोजें बॉक्स में टाइप करें या साइडबार में कोई श्रेणी क्लिक करें (मुस्कान और भावनाएँ, लोग और शरीर, जानवर और प्रकृति, खाना और पेय, गतिविधि, यात्रा और स्थान, वस्तुएँ, प्रतीक, झंडे)। खोज आपकी भाषा में नाम और कीवर्ड से मेल खाती है, साथ ही अंग्रेज़ी नाम और कोडपॉइंट से भी — इसलिए किसी भी लोकेल में heart या 1F600 काम करता है।
2. ग्रिड में किसी इमोजी पर क्लिक करें। ग्रिड के नीचे विवरण पैनल ग्लिफ़, उसका स्थानीयकृत नाम, और उसका Unicode संस्करण भरता है।
3. जिस प्रारूप में चाहिए उसमें कॉपी करें। विवरण पैनल पाँच कॉपी बटन देता है:
   • इमोजी — ग्लिफ़ स्वयं, चैट, डॉक्स, या डिज़ाइन टूल हेतु।
   • कोडपॉइंट — U+... रूप (जब कई हों तो स्पेस-जुड़े), प्रलेखन या Unicode लुकअप हेतु।
   • HTML — एक दशमलव संख्यात्मक वर्ण संदर्भ, कच्चे HTML में चिपकाने हेतु।
   • JS — एक ES2015 ब्रेस एस्केप, JavaScript या TypeScript स्ट्रिंग लिटरल हेतु।
   • CSS — एक CSS एस्केप, content: या किसी ::after नियम के अंदर उपयोग हेतु।

मुख्य विशेषताएँ#

• पाँच कॉपी प्रारूप, प्रत्येक एक क्लिक। ग्लिफ़, कोडपॉइंट, और HTML/JS/CSS एस्केप रूपों के बीच कोई हस्तचालित रूपांतरण नहीं — हर इमोजी सभी पाँच में उपलब्ध।
• बहु-कोडपॉइंट इमोजी पर सही। एस्केप ग्लिफ़ को Unicode कोडपॉइंट द्वारा, UTF-16 इकाई द्वारा नहीं, पुनरावृत्त करके उत्पन्न होते हैं। एक लाल हार ❤️ साफ़ \u{2764}\u{FE0F} देता है, कोई बिगाड़ा हुआ सरोगेट युग्म नहीं।
• लोकेल-जागरूक खोज जो अभी भी भाषाओं में काम करती है। नाम और कीवर्ड स्थानीयकृत हैं, लेकिन अंग्रेज़ी हमेशा भी अनुक्रमित है, साथ ही कच्चा कोडपॉइंट — इसलिए smile, स्थानीयकृत शब्द, या 1F600 सभी एक ही इमोजी तक पहुँचते हैं।
• नौ श्रेणियाँ। मानक Unicode इमोजी श्रेणियाँ, प्रत्येक साइडबार में एक प्रतिनिधि ग्लिफ़ के साथ, ताकि आप बिना खोज शब्द के ब्राउज़ कर सकें।
• कीबोर्ड और स्क्रीन-रीडर अनुकूल। ग्रिड तीर-कुंजी नेविगेशन वाली एक लिस्टबॉक्स है, और विवरण पैनल एक aria-live क्षेत्र है जो आपके खिसकने पर नाम और कोडपॉइंट की घोषणा करता है।

विस्तृत उदाहरण#

लाल हार ❤️ को सभी पाँच प्रारूपों में कॉपी करें। इसे प्रतीक श्रेणी में क्लिक करें (या heart खोजें), और विवरण पैनल यह दिखाता है:

• इमोजी: ❤️
• कोडपॉइंट: U+2764 U+FE0F
• HTML: ❤️
• JS: \u{2764}\u{FE0F}
• CSS: \2764 \FE0F

ध्यान दें कि दो कोडपॉइंट हैं, एक नहीं। U+2764 आधार हार है (एक सादा टेक्स्ट वर्ण जो इमोजी के मौजूद होने से पहले का है); U+FE0F वेरिएशन सिलेक्टर-16 है, एक शून्य-चौड़ाई कोडपॉइंट जिसका एकमात्र काम रेंडरर को बताना है “पूर्ववर्ती वर्ण को उसके रंगीन इमोजी रूप में दिखाएँ, काले टेक्स्ट ग्लिफ़ के रूप में नहीं।” सिलेक्टर हटाएँ और कुछ प्लेटफ़ॉर्म टेक्स्ट-शैली हार दिखाते हैं; इसे रखें और आपको लाल इमोजी मिलता है। यहाँ हर प्रारूप दोनों कोडपॉइंट सुरक्षित रखता है, इसीलिए HTML एन्टिटी को पृष्ठ में चिपकाने से अभी भी रंगीन हार रेंडर होता है।

इसकी तुलना मुस्कुराता चेहरा 😀 से करें, जो एकल कोडपॉइंट (U+1F600) है। इसके रूप 😀, \u{1F600}, और \1F600 में सिकुड़ जाते हैं — प्रत्येक एक एस्केप, क्योंकि कूटबद्ध करने हेतु केवल एक ही कोडपॉइंट है। दोनों के बीच का अंतर ठीक वही है जो यह दर्शाता है कि एक ऐसा टूल जो कोडपॉइंट चलता है (यह मानकर कि एक ग्लिफ़ = एक कोडपॉइंट नहीं) क्यों मायने रखता है।

अक्सर पूछे जाने वाले प्रश्न#

मैं जो कर रहा हूँ उसके लिए कौन-सा प्रारूप कॉपी करूँ?#

चैट संदेश, दस्तावेज़, या डिज़ाइन मॉकअप हेतु, इमोजी कॉपी करें — ग्लिफ़ सार्वभौमिक है। किसी विशिष्ट वर्ण का संदर्भ देते किसी तकनीकी दस्तावेज़ या बग रिपोर्ट हेतु, कोडपॉइंट (U+1F600) कॉपी करें। कच्चे HTML स्रोत हेतु, HTML (😀) सबसे सुरक्षित है क्योंकि इसे एन्कोडिंग समस्याओं से बिगाड़ा नहीं जा सकता। JavaScript या TypeScript स्ट्रिंग हेतु, JS (\u{1F600})। CSS content: मान हेतु, CSS (\1F600)।

लाल हार दो कोडपॉइंट क्यों दिखाता है?#

क्योंकि ❤️ एक अनुक्रम है, एकल वर्ण नहीं। आधार कोडपॉइंट U+2764 टेक्स्ट हार है; U+FE0F एक वेरिएशन सिलेक्टर है जो इमोजी प्रस्तुति शैली का अनुरोध करता है। कुछ इमोजी आगे बढ़कर एक शून्य-चौड़ाई जॉइनर का उपयोग कई ग्लिफ़ को एक में संयोजित करने हेतु करते हैं (एक परिवार इमोजी इस तरह बना होता है), और ध्वज हमेशा क्षेत्रीय-संकेतक अक्षरों का एक युग्म होते हैं। यह टूल एस्केप उत्पन्न करने से पहले ग्लिफ़ को कोडपॉइंट द्वारा चलता है, इसलिए अनुक्रम का हर कोडपॉइंट सुरक्षित रहता है।

\u{1F600} और 😀 क्यों नहीं?#

दोनों एक ही इमोजी के वैध JavaScript निरूपण हैं, लेकिन वे भिन्न ढंग से काम करते हैं। 😀 एक सरोगेट युग्म है — दो UTF-16 कोड इकाइयाँ जो केवल एक साथ अर्थ रखती हैं, U+FFFF से ऊपर के वर्णों को कूटबद्ध करने का पुराना तरीका। \u{1F600} ES2015 कोडपॉइंट एस्केप है, जो वास्तविक कोडपॉइंट सीधे लिखता है और पढ़ने में कहीं आसान है। यह टूल कोडपॉइंट रूप उत्सर्जित करता है क्योंकि वह असंदिग्ध और आधुनिक है; यदि आपको सरोगेट रूप चाहिए, तो कोडपॉइंट मान आपको ठीक बताता है कि क्या रूपांतरित करना है।

इमोजी मेरे फ़ोन पर कंप्यूटर से भिन्न दिखता है — क्यों?#

Unicode परिभाषित करता है कि प्रत्येक इमोजी क्या अर्थ रखता है, लेकिन प्रत्येक प्लेटफ़ॉर्म (Apple, Google, Microsoft, Samsung) अपनी स्वयं कलाकृति बनाता है, इसलिए एक ही कोडपॉइंट प्रत्येक पर एक भिन्न चित्र के साथ रेंडर होता है। कोडपॉइंट, HTML एन्टिटी, और हर एस्केप प्लेटफ़ॉर्म में समान हैं — केवल पिक्सेल भिन्न हैं। यदि सटीक दृश्य संगति मायने रखती है (कोई ब्रांड अभियान कहिए), तो आप प्लेटफ़ॉर्म फ़ॉन्ट पर निर्भर रहने के बजाय अपना इमोजी छवि सेट शिप करेंगे; अधिकांश उपयोगों हेतु, प्लेटफ़ॉर्म का मूल रेंडरिंग वही है जो आप चाहते हैं।