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