যেকোনো ওয়েব সাইটের জন্য ফেভিকন তৈরি করা ও সাইটে যুক্ত করা’র নিয়ম…

যেকোনো ওয়েব সাইটে ভিজিট করার সময়ে ওয়েব ব্রাউজার এর অ্যাড্রেস বারে ওয়েব সাইটের ঠিকানার পাশে ছোট একটি আইকন দেখতে পাওয়া যায় সেটিকে ফেভিকন (FavIcon) বলা বলা হয়। যেমন আপনি যদি টেকটিউনস এ প্রবেশ করেন তাহলে নিচের ছবির মত একটি ফেভিকন দেখতে পাবেন। আপনি চাইলেই খুব সহজেই আপনার সাইটের জন্যেই একটি ফেভিকন তৈরি করে আপনার সাইটের সাথে যুক্ত করতে পারবেন।

যেকোনো ছবিকে ফেভিকন কনভার্ট

ফেভিকন তৈরি করার জন্য প্রথমে আপনাকে আপনার সাইটের ফেভিকন এর জন্য একটি লোগো তৈরি করতে নিতে হবে। যেহেতু ফেভিকনটি খুব ছোট এবং স্কয়ার (সব দিকেই এক সমান) দেখায় তাই আপনাকে সেই রকম একটি লোগো বা ছবি নির্ধারন করে নিতে হবে। এবার আপনার ছবিটিকে আইকন হিসেবে কনভার্ট (ফেভিকন) করতে হবে।

আপনি চাইলে ফটোশপ বা অনান্য গ্রাফিক্স ডিজাইন টুলস দিয়ে করতে পারেন অথবা বেশকিছু অনলাইন টুলস আছে যে টুলস গুলো ব্যবহার করে আপনি কয়েক সেকেন্ড এর মধ্যেই আপনার সাইটের জন্য ফেভিকন তৈরি করতে পারেন।

ফেভিকন তৈরির কিছু সাইটঃ

  • http://www.favicon.cc/
  • http://favicon-generator.org/
  • http://www.favicon.co.uk/
  • http://www.favicongenerator.com/

এছাড়াও আরোও অনেক আছে আপনি চাইলেই গুগল এ অনুসন্ধান করতে পারেন। আমি এই টিউটোরিয়াল ফেভিকন.সিসি সাইটটি ব্যবহার করবো নতুন একটি ফেভিকন তৈরি করার জন্য।

প্রথমে ফেভিকন.সিসি সাইটে প্রবেশ করুন। নিচের ছবির মত আসবে সেখানে ১) ইম্পোর্ট ইমেজ (Import Image) এ ক্লিক করুন ২) এবার “Choose File” এ ক্লিক করে আপনার ছবিটি বা লোগোটি নির্বাচন করুন যেটি আপনি ফেভিকন এর জন্য ব্যবহার করবেন। ৩) “Upload” বাটনে ক্লিক করলেই আপনার ছবিটি স্বয়ংক্রিয় ভাবে ফেভিকন (FavIcon) ফরম্যাট এ কনভার্ট হয়ে যাবে।

এবার আপনি নিচের ছবির মত আসবে, এইবার সেইখানে আপনি ফেভিকন টির পুর্বরুপ দেখতে পাবেন এবং সেই সাথে কোন কিছু সম্পাদনা করার প্রয়োজন হলেও তা করতে পারেন। সম্পাদনা শেষে “Download Favicon” এ ক্লিক করে ফেভিকন টি কম্পিউটারে সংরক্ষন করুন। এখন ফেভিকনটি সাইটে ব্যবহার করার জন্য আপনার সাইটের রুট ডিরেক্টরি (public_html অথবা htdocs) তে আপলোড করুন।

যদি আপনি ওয়ার্ডপ্রেস সাইটের জন্য ফেভিকন টি ব্যবহার করতে চান তাহলে আপনার ড্যাশবোর্ড এ লগইন করুন তারপর Appearance >> Editor এ ক্লিক করুন এবং সেইখান থেকে থিমের ফাইলসমূহের মধ্যে থেকে header.php ফাইল নির্বাচন করুন এবং  <head> এর মধ্যে নিচের কোডটুকু কপি করে বসিয়ে দিন।

<link rel="shortcut icon" href="favicon.ico" />

ফেভিকন কোডগুলো যুক্ত করার পরে নিচের ছবির মত দেখতে হবে অথবা নিচের ছবির মত করে আপনার সাইটের হেডার ফাইলে কোড গুলো যুক্ত করতে হবে।

ব্যাস, কাম শেষ! এখন আপনি আপনার সাইট পুনরায় লোড করে দেখুন, তাহলেই দেখতে পাবেন আপনার সাইটের নামের সাথেও একটি আইকন (ফেভিকন)।

সুস্থ থাকবেন আর কোন সমস্যা হলে মন্তব্যের ঘরে আমাকে জানিয়ে দিবেন । সবাইকে ধন্যবাদ
-আমিনুল ইসলাম