ফেভিকন ফরম্যাট কিভাবে কাজ করে
প্রতিটি বিন্যাস কীভাবে কাজ করে তা জানা আপনাকে অনিবার্য "আমার ফেভিকন দেখাচ্ছে না" সমস্যাটি ডিবাগ করতে সহায়তা করে।
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
.ico পাত্রে
একটি .ico ফাইল হল একটি শিরোনাম যার পরে এক বা একাধিক ইমেজ এন্ট্রি থাকে। প্রতিটি এন্ট্রি BMP বা PNG হতে পারে এবং প্রতিটির একটি প্রস্থ, উচ্চতা এবং বিট গভীরতা রয়েছে৷
ব্রাউজারগুলি ডিরেক্টরিটি পার্স করে, অনুরোধ করা আকারের সাথে মেলে এমন এন্ট্রি বাছাই করে এবং ঠিক সেইটি ডিকোড করে।
.ico এর ভিতরে PNG
64×64 এবং তার উপরে মাপের জন্য, PNG কম্প্রেশন ফাইলের আকারকে 5-10x কমিয়ে দেয় কোন ভিজ্যুয়াল ক্ষতি ছাড়াই। আধুনিক জেনারেটর (আমাদের অন্তর্ভুক্ত) স্বয়ংক্রিয়ভাবে এটি করে।
SVG ফেভিকন
একটি SVG ফ্যাভিকন একটি সাধারণ SVG ফাইল। ব্রাউজারগুলি এটিকে অন্য যেকোন SVG এর মতো রেন্ডার করে এবং <style> ব্লক পছন্দ-রঙ-স্কিমের উপর ভিত্তি করে রঙগুলিকে মানিয়ে নিতে পারে।
ব্রাউজারগুলি কীভাবে বাছাই করে
আপনি যদি একাধিক <link rel="icon"> ট্যাগ পাঠান, ব্রাউজারগুলি পৃষ্ঠের সাথে সবচেয়ে ভাল মেলে এমন একটি বেছে নেয় (ট্যাব বনাম বুকমার্ক বনাম ইনস্টল)। সমর্থিত হলে SVG পছন্দ করা হয়; .ico হল ফলব্যাক।
সাধারণ প্রশ্ন
What is inside a .ico file?
A header plus a directory of image entries. Each entry can be BMP or PNG at a specific width and height.
How do browsers choose which favicon to display?
Browsers read all <link rel="icon"> tags and pick the best match for the surface — tab, bookmark, or install prompt. SVG is preferred when supported; .ico is the fallback.
Why use PNG inside an .ico instead of BMP?
PNG compression cuts file size 5–10× at 64×256 with no visible loss, which speeds up page loads.
Can I use only SVG for favicons?
Not safely. Always ship favicon.ico as a fallback for older browsers, Windows shortcuts, and embedders that ignore SVG.