কিভাবে একটি ফেভিকন তৈরি করবেন
একটি আধুনিক ফেভিকন একটি 16×16 চিত্রের চেয়ে বেশি। এখানে একটি সেটআপের জন্য সম্পূর্ণ ওয়ার্কফ্লো রয়েছে যা প্রতিটি ব্রাউজার, OS এবং ডিভাইসে খাস্তা দেখায়।
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
একটি ফেভিকন কি?
একটি ফ্যাভিকন হল ছোট আইকন যা একটি ব্রাউজার ট্যাবে, বুকমার্ক বারে এবং ইতিহাসের তালিকায় দেখায়। মোবাইলে এটি হোম-স্ক্রিন আইকন। 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-এ হার্ড-রিফ্রেশ করুন। বুকমার্ক বার, ট্যাব এবং একটি হোম-স্ক্রীন ইনস্টল পরীক্ষা করুন।
সাধারণ প্রশ্ন
What is a favicon?
A favicon is the small icon shown in browser tabs, bookmarks, and mobile home screens. Modern sites ship multiple sizes and formats for crisp rendering everywhere.
What size should my favicon source image be?
Start from a square image at least 512×512 pixels. SVG with a square viewBox works best for sharp downscaling.
Do I need both favicon.ico and PNG files?
Yes — ship a multi-size favicon.ico for universal fallback plus PNGs (180×180 and 192/512) for Apple, Android, and PWAs.
Where do I put favicon files on my website?
Place favicon.ico in your site root and add <link rel="icon"> tags in <head> for SVG and PNG variants.