কিভাবে HTML এ একটি ফেভিকন যোগ করবেন
তিনটি ট্যাগ 99% ক্ষেত্রে কভার করে। আরও দুটি আপনাকে একটি সম্পূর্ণ PWA-গ্রেড সেটআপ দেয়।
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
সর্বনিম্ন ট্যাগ
<link rel="icon" href="/favicon.ico"> — এটাই। প্রতিটি ব্রাউজার এটি নিয়ে আসবে।
আধুনিক প্রস্তাবিত সেট
প্রতিটি প্ল্যাটফর্মে চটকদার রেন্ডারিংয়ের জন্য SVG এবং apple-touch-icon যোগ করুন:
<link rel="icon" href="/favicon.ico">৷
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
PWA ইন্সটল প্রম্পট
192×192 এবং 512×512 PNG এন্ট্রি সহ একটি manifest.json যোগ করুন, তারপর <link rel="manifest" href="/site.webmanifest"> লিঙ্ক করুন৷
সাধারণ প্রশ্ন
What is the minimum HTML tag for a favicon?
Add <link rel="icon" href="/favicon.ico"> inside <head>. Place favicon.ico at your site root and every browser will find it.
Do I need separate tags for PNG and SVG favicons?
Yes for a modern setup. Link favicon.ico as the fallback, then add <link rel="icon" type="image/png"> and optionally type="image/svg+xml" for sharper rendering.
Where should favicon <link> tags go in HTML?
Inside the <head> element, before </head>. Order among icon links does not matter.
Do I need a web manifest for favicons?
Not for basic tabs, but add <link rel="manifest"> plus 192×192 and 512×512 PNG icons if you want PWA install prompts.