কিভাবে একটি ফেভিকন তৈরি করবেন
একটি আধুনিক ফেভিকন একটি 16×16 চিত্রের চেয়ে বেশি। এখানে একটি সেটআপের জন্য সম্পূর্ণ ওয়ার্কফ্লো রয়েছে যা প্রতিটি ব্রাউজার, OS এবং ডিভাইসে খাস্তা দেখায়।
একটি ফেভিকন কি?
একটি ফ্যাভিকন হল ছোট আইকন যা একটি ব্রাউজার ট্যাবে, বুকমার্ক বারে এবং ইতিহাসের তালিকায় দেখায়। মোবাইলে এটি হোম-স্ক্রিন আইকন। Windows-এ এটি শর্টকাট আইকন।
আধুনিক সাইটগুলি একাধিক রেজোলিউশন এবং বিন্যাস পাঠায় যাতে প্রতিটি পৃষ্ঠ একটি খাস্তা রেন্ডার পায়।
আপনার উৎস ইমেজ প্রস্তুত
একটি বর্গাকার ছবি থেকে শুরু করুন যা কমপক্ষে 512×512 - আদর্শভাবে একটি SVG একটি বর্গক্ষেত্র viewBox। ডাউনস্কেল করলে ছোট কিছু ঝাপসা হয়ে যাবে।
পাতলা লাইন এবং ছোট লেখা এড়িয়ে চলুন। তারা 16x16 এ অদৃশ্য হয়ে যায়।
একটি মাল্টি-সাইজ .ico তৈরি করুন
একটি favicon.ico এর ভিতরে 16, 32, 48, 64, 128 এবং 256 বান্ডিল। ব্রাউজার স্বয়ংক্রিয়ভাবে সঠিক আকার বাছাই করে।
আমাদের ফেভিকন জেনারেটর এই ক্লায়েন্ট-সাইডটি এক সেকেন্ডের মধ্যে করে।
HTML ট্যাগ যোগ করুন
আপনার সাইট রুটে favicon.ico ড্রপ করুন। তারপর একটি সম্পূর্ণ সেটআপের জন্য <head>-এ SVG, apple-touch-icon, এবং ম্যানিফেস্ট আইকনগুলি যোগ করুন৷
প্রতিটি ব্রাউজারে যাচাই করুন
Chrome, Safari, Firefox, এবং Edge-এ হার্ড-রিফ্রেশ করুন। বুকমার্ক বার, ট্যাব এবং একটি হোম-স্ক্রীন ইনস্টল পরীক্ষা করুন।