ফেভিকন তৈরির বিভিন্ন উপায় রয়েছে। আপনার জন্য সর্বোত্তম উপায়টি বিভিন্ন কারণের উপর নির্ভর করে:
- আপনি এই কাজে ব্যয় করতে পারেন সময়। অনেকের ক্ষেত্রে এটি "যত দ্রুত সম্ভব"।
- আপনি চেষ্টা করতে ইচ্ছুক। পছন্দ করুন, আরও ভাল ফলাফলের জন্য হাতে 16x16 আইকন আঁকুন।
- নির্দিষ্ট সীমাবদ্ধতা যেমন বিজোড় চশমা সহ একটি নির্দিষ্ট ব্রাউজারকে সমর্থন করে।
প্রথম পদ্ধতি: ফেভিকন জেনারেটর ব্যবহার করুন
আপনি যদি কাজটি ভাল এবং দ্রুত সম্পন্ন করতে চান তবে আপনি ফেভিকন জেনারেটর ব্যবহার করতে পারেন । এটি একটি সমস্ত প্রধান ডেস্কটপ এবং মোবাইল ব্রাউজারগুলির জন্য ছবি এবং এইচটিএমএল কোড তৈরি করে। সম্পূর্ণ প্রকাশ: আমি এই সাইটের লেখক।
এই জাতীয় সমাধানের সুবিধাগুলি: এটি দ্রুত এবং সমস্ত সামঞ্জস্য বিবেচনা ইতিমধ্যে আপনার জন্য সম্বোধন করা হয়েছিল।
দ্বিতীয় পদ্ধতি: একটি ফেভিকন.ইকো তৈরি করুন (কেবলমাত্র ডেস্কটপ ব্রাউজারগুলি)
আপনার প্রস্তাব অনুসারে, আপনি এমন একটি favicon.icoফাইল তৈরি করতে পারেন যাতে 16x16 এবং 32x32 ছবি রয়েছে (নোট করুন মাইক্রোসফ্ট 16x16, 32x32 এবং 48x48 প্রস্তাব দেয় )।
তারপরে, এটি আপনার এইচটিএমএল কোডে ঘোষণা করুন:
<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
এই পদ্ধতিটি পুরানো এবং নতুন সমস্ত ডেস্কটপ ব্রাউজারগুলির সাথে কাজ করবে। তবে বেশিরভাগ মোবাইল ব্রাউজারগুলি ফ্যাভিকনটিকে উপেক্ষা করবে।
favicon.icoফাইলটিকে রুটে রাখার এবং এটির ঘোষণা না দেওয়ার বিষয়ে আপনার পরামর্শ সম্পর্কে : সাবধান, যদিও এই কৌশলটি বেশিরভাগ ব্রাউজারগুলিতে কাজ করে তবে এটি 100% নির্ভরযোগ্য নয়। উদাহরণস্বরূপ উইন্ডোজ সাফারি এটি খুঁজে পাবে না (মঞ্জুর করা হয়েছে: এই ব্রাউজারটি কোনওভাবে উইন্ডোজটিতে অবহেলিত, তবে আপনি পয়েন্টটি পান)। পিএনজি আইকনগুলির সাথে মিলিত হয়ে (আধুনিক ব্রাউজারগুলির জন্য) এই কৌশলটি কার্যকর।
তৃতীয় পদ্ধতি: একটি ফেভিকন.ইকো, একটি পিএনজি আইকন এবং একটি অ্যাপল টাচ আইকন (সমস্ত ব্রাউজার) তৈরি করুন
আপনার প্রশ্নে আপনি মোবাইল ব্রাউজারগুলি উল্লেখ করবেন না। তাদের বেশিরভাগ favicon.icoফাইল উপেক্ষা করবে । যদিও আপনার সাইটটি ডেস্কটপ ব্রাউজারগুলিতে উত্সর্গীকৃত হতে পারে, তবে সম্ভাবনা হ'ল আপনি মোবাইল ব্রাউজারগুলি পুরোপুরি উপেক্ষা করতে চান না।
আপনি এর সাথে একটি ভাল সামঞ্জস্যতা অর্জন করতে পারেন:
favicon.ico, উপরে দেখুন.- অ্যান্ড্রয়েড ক্রোমের জন্য একটি 192x192 পিএনজি আইকন
- একটি 180x180 অ্যাপল টাচ আইকন (আইফোন 6 প্লাসের জন্য; অন্যান্য ডিভাইস এটি প্রয়োজনীয় হিসাবে কমিয়ে দেবে)।
তাদের সাথে ঘোষণা করুন
<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/path/to/icons/apple-touch-icon-180x180.png">
এটি সম্পূর্ণ গল্প নয়, তবে বেশিরভাগ ক্ষেত্রে এটি যথেষ্ট ভাল।