কিভাবে HTML-তে ওয়েবসাইট আইকন (Favicon) যোগ করা যায়
HTML-তে ওয়েবসাইট আইকন (Favicon) যোগ করার কিভাবা শিখুন
কিভাবে HTML-তে ওয়েবসাইট আইকন (Favicon) যোগ করা যায়
ওয়েবসাইটের আইকন (favicon) হচ্ছে ব্রাউজার ট্যাবের পানেলে পানেল টাইটেলের পাশে দেখা যাওয়া একটি ছোট চিত্র。
আপনি কোনো আপনার পছন্দের চিত্রকে ওয়েবসাইটের আইকন হিসাবে ব্যবহার করতে পারেন। আপনি যেমন https://favicon.cc-র মতো ওয়েবসাইটে আপনার নিজস্ব ওয়েবসাইটের আইকন তৈরি করতেও পারেন。
সুঝাওয়া:ওয়েবসাইটের আইকন একটি ছোট চিত্র, তাই তা একটি উচ্চ কনট্রাস্টিং সাধারণ চিত্র হওয়া উচিত।
ওয়েবসাইটের আইকন চিত্রটি ব্রাউজার ট্যাবের পানেলের দিকে পানেল টাইটেলের বাঁদিতে দেখা যাবে:
ওয়েবসাইটের আইকন যোগ করতে, আপনার ওয়েবসার্ভারের রুট ডিরেক্টরিতে আপনার ওয়েবসাইটের আইকন চিত্রটি সংরক্ষণ করুন বা রুট ডিরেক্টরিতে images নামের ফোল্ডার তৈরি করুন এবং আপনার ওয়েবসাইটের আইকন চিত্রটি এই ফোল্ডারে সংরক্ষণ করুন। ওয়েবসাইটের আইকন চিত্রের সাধারণ নাম "favicon.ico"।
পরে, "index.html" ফাইলের <title> উপাদানের পরে একটি <link> এমন উপাদান, যেমন নিচে দেখা যাচ্ছে:
<!DOCTYPE html> <html> <head> <title>My Page Title</title> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>
এখন, "index.html" ফাইলটি সংরক্ষণ করুন এবং ব্রাউজারে পুনরায় লোড করুন। আপনার ব্রাউজার ট্যাবের দিকে পানেল টাইটেলের বাঁদিতে আপনার ওয়েবসাইটের আইকন দেখা যাবে。
