ইমোজি অনুসন্ধান এবং কপি

ইমোজি অনুসন্ধান ও কপি টুল কী?#

ইমোজিগুলো একক অক্ষরের মতো দেখায়, কিন্তু আড়ালে এগুলোর বেশিরভাগই তা নয়। হাসিমুখ 😀 হলো একটি একক 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 এস্কেপ ফর্মের মধ্যে কোনো ম্যানুয়াল রূপান্তর নেই — প্রতিটি ইমোজি সব পাঁচটিতে উপলব্ধ।
• বহু-কোড-পয়েন্ট ইমোজিতে সঠিক। এস্কেপগুলো গ্লিফটিকে UTF-16 একক দিয়ে নয়, Unicode কোড পয়েন্ট দ্বারা পুনরাবৃত্তি করে তৈরি। একটি লাল হৃদয় ❤️ একটি পরিষ্কার \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 হলো ভ্যারিয়েশন সিলেক্টর-১৬, একটি শূন্য-প্রস্থ কোড পয়েন্ট যার একমাত্র কাজ হলো রেন্ডারারকে বলা “পূর্ববর্তী অক্ষরটিকে তার রঙিন ইমোজি রূপে প্রদর্শন করুন, একটি কালো টেক্সট গ্লিফ হিসেবে নয়।” সিলেক্টরটি বাদ দিন এবং কিছু প্ল্যাটফর্ম একটি টেক্সট-স্টাইল হৃদয় দেখায়; এটি রাখুন এবং আপনি লাল ইমোজি পান। এখানে প্রতিটি ফরম্যাট উভয় কোড পয়েন্ট সংরক্ষণ করে, যা কারণ 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 এনটিটি, এবং প্রতিটি এস্কেপ প্ল্যাটফর্ম জুড়ে অভিন্থ — শুধু পিক্সেলগুলো ভিন্ন। যদি সঠিক দৃশ্যমান সামঞ্জস্য গুরুত্বপূর্ণ হয় (একটি ব্র্যান্ড প্রচারণা বলুন), আপনি প্ল্যাটফর্ম ফন্টের উপর নির্ভর করার বদলে নিজস্ব ইমোজি ইমেজ সেট শিপ করবেন; বেশিরভাগ ব্যবহারের জন্য, প্ল্যাটফর্মের নেটিভ রেন্ডারিংই আপনি যা চান।