সহজে Favicon তৈরী করুন

১১ ই জুলাই, ২০০৮ দুপুর ১২:২৪

favicon কি?

অনেক ওয়েব সাইট ব্রাউজ করলে দেখবেন এড্রেস বারে ওয়েবসাইট ঠিকানার ঠিক বাম পাশে একটি ছোট, আকর্ষনীয় এবং দৃষ্টিনন্দিত চিহ্ন/লগো রয়েছে। একে ফেবিকন বলে। আমাদের সামহোয়্যার ইন ব্লগের ফেবিকন হচ্ছে- একটি ঘুড়ি। আপনি নিজেও আপনার ওয়েব সাইটে ফেবিকন যুক্ত করতে পারেন। এটি হতে পারে আপনার নিজের ছবি কিংবা আপনার কোম্পানীর লগো।



কিভাবে আপনার ওয়েব সাইটে ফেবিকন যুক্ত করবেন?

অনেক পদ্ধতি রয়েছে। তবে নিম্নোক্ত পদ্ধতিটি আপনার জন্য সহজ হতে পারে।



১। Illustrator এ আর্টবোর্ডকে 16px x 16px এ সেট করতে হবে।

২। কাঙ্খিত লগো / আইকন ডিজাইন করতে হবে।

৩। লগোটি .jpg ফরমেটে save করতে হবে।

৪। এখন এই .jpg ফরমেটকে .ico পরিবর্তন করতে হবে। আপনার কম্পিউটারে তেমন টেকসই কোনো টুলস না থাকলে অনলাইনে বেশ কিছু টুলস পাওয়া যায় যা আপনি সহজে ব্যবহার করতে পারেন। আমার ভালো লেগেছে http://tools.dynamicdrive.com/favicon/ এর টুলসটি। পরিবর্তন করার পর আপনার লগোটির নাম দিতে হবে- favicon.ico ।

৫। সবশেষে, আপনি আপনার ফেবিকনটিকে আপনার ওয়েবসাইটের root directory তে যেখানে আপনার index.html ফাইলটি রয়েছে সেখানে আপলোড করবেন। যেসব পাতায় ফেবিকন যুক্ত করতে চান সেসব পাতায় নিম্নোক্ত কোড দিতে হবে।



< head >

< link rel= " SHORTCUT ICON " href= "http://www.mydomain.com/favicon.ico" / >

< title > My Title < / title >

< / head >

৪ টি +৬/-০