HTML Favicon (ফ্যাভিকন)


ফ্যাভিকন হলো একটি ছোট আইকন যা আপনার ব্রাউজারের ট্যাবের শিরোনামের পাশে প্রদর্শিত হয়।


ফ্যাভিকন কীভাবে যোগ করবেন?

আপনি যেকোনো ইমেজকে ফ্যাভিকন হিসেবে ব্যবহার করতে পারেন। তবে যেহেতু এটি ছোট একটি আইকন (সাধারণত 16x16 বা 32x32 পিক্সেল), তাই এটি হওয়া উচিত সহজ ও স্পষ্ট।

🔧 আপনি চাইলে নিজে ফ্যাভিকন তৈরি করতে পারেন যেমন: 👉 https://www.favicon.cc

ব্রাউজার ট্যাবে পৃষ্ঠার শিরোনামের বাম দিকে একটি ফেভিকন চিত্র প্রদর্শিত হয়, যেমন:

example favicon

ফ্যাভিকন কোথায় রাখতে হবে?

আপনার ওয়েবসাইটের রুট ফোল্ডারে (মূল ডিরেক্টরি) অথবা images নামের একটি ফোল্ডারে favicon.ico নামে ইমেজটি রাখুন।

উদাহরণস্বরূপ ফোল্ডার স্ট্রাকচার:

/index.html
/images/favicon.ico


HTML-এ কোড কীভাবে লিখবেন?

আপনার index.html ফাইলে <title> ট্যাগের পরে নিচের মতো করে <link> ট্যাগ যুক্ত করুন:

উদাহরণ:

এখন ফাইলটি সেভ করে ব্রাউজারে রিফ্রেশ করুন। আপনি ব্রাউজারের ট্যাবে টাইটেলের পাশে আপনার ফ্যাভিকন দেখতে পাবেন।


কোন কোন ফাইল ফরম্যাট সাপোর্ট করে?

ব্রাউজার ICO PNG GIF JPEG
Chrome ✔️ ✔️ ✔️ ✔️
Firefox ✔️ ✔️ ✔️ ✔️
Safari ✔️ ✔️ ✔️ ✔️
Edge ✔️ ✔️ ✔️ ✔️
Opera ✔️ ✔️ ✔️ ✔️

সংক্ষেপে

  • ✅ ফ্যাভিকন হলো ছোট একটি চিত্র যা ব্রাউজারে ওয়েবপেজের শিরোনামের পাশে দেখা যায়।
  • ✅ এটি HTML-এ <link> ট্যাগের মাধ্যমে সংযুক্ত করা হয়।
  • ✅ favicon.ico ফাইলটি সাধারণত রুট ডিরেক্টরি বা images ফোল্ডারে রাখা হয়।