ফ্যাভিকন হলো একটি ছোট আইকন যা আপনার ব্রাউজারের ট্যাবের শিরোনামের পাশে প্রদর্শিত হয়।
আপনি যেকোনো ইমেজকে ফ্যাভিকন হিসেবে ব্যবহার করতে পারেন। তবে যেহেতু এটি ছোট একটি আইকন (সাধারণত 16x16 বা 32x32 পিক্সেল), তাই এটি হওয়া উচিত সহজ ও স্পষ্ট।
🔧 আপনি চাইলে নিজে ফ্যাভিকন তৈরি করতে পারেন যেমন: 👉 https://www.favicon.cc
ব্রাউজার ট্যাবে পৃষ্ঠার শিরোনামের বাম দিকে একটি ফেভিকন চিত্র প্রদর্শিত হয়, যেমন:
আপনার ওয়েবসাইটের রুট ফোল্ডারে (মূল ডিরেক্টরি) অথবা images নামের একটি ফোল্ডারে favicon.ico নামে ইমেজটি রাখুন।
/index.html
/images/favicon.ico
আপনার index.html ফাইলে <title> ট্যাগের পরে নিচের মতো করে <link> ট্যাগ যুক্ত করুন:
এখন ফাইলটি সেভ করে ব্রাউজারে রিফ্রেশ করুন। আপনি ব্রাউজারের ট্যাবে টাইটেলের পাশে আপনার ফ্যাভিকন দেখতে পাবেন।
| ব্রাউজার | ICO | PNG | GIF | JPEG |
|---|---|---|---|---|
| Chrome | ✔️ | ✔️ | ✔️ | ✔️ |
| Firefox | ✔️ | ✔️ | ✔️ | ✔️ |
| Safari | ✔️ | ✔️ | ✔️ | ✔️ |
| Edge | ✔️ | ✔️ | ✔️ | ✔️ |
| Opera | ✔️ | ✔️ | ✔️ | ✔️ |
<link> ট্যাগের মাধ্যমে সংযুক্ত করা হয়।