HTML পৃষ্ঠাগুলির জন্য ফেভিকন সম্পর্কিত প্রধান সমস্যা হল এটি বাস্তবায়ন করা কঠিন হতে পারে। ফেভিকনগুলি হল ছোট আইকন যা একটি ওয়েবসাইটের ব্রাউজার ট্যাব বা ঠিকানা বারে প্রদর্শিত হয় এবং সেগুলি প্রায়শই একটি ওয়েবসাইট বা ব্র্যান্ড সনাক্ত করতে ব্যবহৃত হয়। একটি HTML পৃষ্ঠায় একটি ফেভিকন যোগ করতে, আইকনটিকে একটি .ico ফাইল হিসাবে সংরক্ষণ করতে হবে এবং তারপর একটি ব্যবহার করে HTML কোডে লিঙ্ক করতে হবে ট্যাগ যারা কোডিং এর সাথে অপরিচিত তাদের জন্য এটি কঠিন হতে পারে, কারণ এতে বেশ কয়েকটি ধাপ জড়িত এবং এর জন্য HTML সিনট্যাক্সের জ্ঞান প্রয়োজন। উপরন্তু, কিছু ব্রাউজার ফেভিকনকে চিনতে নাও পারে যদি এটি সঠিকভাবে প্রয়োগ করা না হয়।
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. কোডের এই লাইনটি "favicon.ico" নামে একটি বহিরাগত ফাইলের একটি লিঙ্ক তৈরি করে।
2. লিঙ্কটিকে "শর্টকাট আইকন" এর মান সহ "rel" বৈশিষ্ট্য দেওয়া হয়েছে, যা নির্দেশ করে যে এটি ওয়েবসাইটের জন্য একটি শর্টকাট আইকন।
3. href এট্রিবিউট ফ্যাভিকন ফাইলের পাথ দেয়, যা এই ক্ষেত্রে সহজভাবে "favicon.ico"।
4. টাইপ অ্যাট্রিবিউট ইঙ্গিত করে যে এই ফাইলটি x-আইকন টাইপের একটি চিত্র, যা ওয়েবসাইট আইকন এবং লোগোর জন্য ব্যবহৃত একটি বিশেষ ধরনের চিত্র।
একটি ফেভিকন কি
একটি ফেভিকন একটি ওয়েবসাইট বা ওয়েব পৃষ্ঠার সাথে যুক্ত একটি ছোট আইকন। এটি সাধারণত সাইটের URL এর পাশে ব্রাউজারের ঠিকানা বারে প্রদর্শিত হয়। এটি ওয়েব ব্রাউজারে বুকমার্ক সনাক্ত করতে এবং কম্পিউটার এবং মোবাইল ডিভাইসে শর্টকাটগুলির জন্য একটি আইকন হিসাবেও ব্যবহার করা যেতে পারে। ফেভিকনগুলি সাধারণত 16×16 পিক্সেল আকারের হয় এবং .ico ফাইল হিসাবে সংরক্ষণ করা হয়।
কীভাবে আপনার ওয়েবসাইটে একটি ফেভিকন যুক্ত করবেন
আপনার ওয়েবসাইটে একটি ফেভিকন যুক্ত করা আপনার সাইটে ব্র্যান্ডিং এবং পরিচয়ের একটি অতিরিক্ত স্তর যুক্ত করার একটি দুর্দান্ত উপায়। ফেভিকন হল ছোট আইকন যা আপনার ওয়েবসাইটের শিরোনামের পাশে ব্রাউজার ট্যাবে প্রদর্শিত হয়। এগুলি মোবাইল ডিভাইসে শর্টকাট হিসাবেও ব্যবহার করা যেতে পারে, যাতে ব্যবহারকারীদের আপনার সাইট খুঁজে পাওয়া এবং অ্যাক্সেস করা সহজ হয়৷
HTML এ আপনার ওয়েবসাইটে একটি ফেভিকন যুক্ত করতে, আপনার .ico এক্সটেনশন সহ একটি চিত্র ফাইলের প্রয়োজন হবে। এই চিত্রটি 16×16 পিক্সেল বা 32×32 পিক্সেল আকারের হওয়া উচিত। একবার আপনি এই ইমেজ ফাইলটি তৈরি বা প্রাপ্ত করার পরে, আপনি এটি আপনার ওয়েবসাইটের রুট ডিরেক্টরিতে আপলোড করতে পারেন।
একবার আপলোড হয়ে গেলে, আপনাকে আপনার সাইটের প্রতিটি পৃষ্ঠার প্রধান বিভাগে একটি লিঙ্ক উপাদান যোগ করতে হবে যা এই চিত্র ফাইলের দিকে নির্দেশ করে:
এই লিঙ্ক উপাদানটি ব্রাউজারকে বলে যে তারা আপনার ওয়েবসাইটের জন্য ফেভিকন কোথায় খুঁজে পেতে পারে যাতে কেউ এটির পৃষ্ঠাগুলির একটিতে গেলে এটি সঠিকভাবে প্রদর্শিত হতে পারে৷
অবশেষে, আপনি যদি চান ক্রোম এবং ফায়ারফক্সের মতো ব্রাউজারগুলি ফেভিকনের একটি বড় সংস্করণ (192×192 পিক্সেল) প্রদর্শন করতে, তাহলে আপনাকে আইকনের আরেকটি সংস্করণ তৈরি করতে হবে এবং এটিকে রুট ডিরেক্টরিতেও আপলোড করতে হবে:
এই সমস্ত পদক্ষেপগুলি সম্পূর্ণ হয়ে গেলে, দর্শকরা এখন আপনার কাস্টম ফেভিকন দেখতে পাবে যখন তারা আপনার ওয়েবসাইটের কোনো পৃষ্ঠায় যান!
