Favicon Generator - Bootstrap Bengali - Favicon HTML

BCS

ফেভিকন

ফেভিকন (Favicon) হলো একটি ছোট আইকন বা লোগো যা কোনো ওয়েবসাইটের ব্রাউজার ট্যাব, বুকমার্ক, মোবাইল শর্টকাট বা সার্চ রেজাল্টে দেখা যায়। এটি ওয়েবসাইটের পরিচিতি ও ব্র্যান্ড ইমেজ প্রকাশ করে।

How to create a favicon in HTML

Creating a favicon for your website in HTML is very simple. Here is the complete, easy guide.

Step-1: Create Your Favicon Image

You need a small icon (usually 16×16, 32×32, or 48×48 px).
File types you can use:

.ico (most common)
.png
.svg
.jpg (not recommended)

You can create it using:

Photoshop
Canva
Any “favicon generator” website

Name it: favicon.ico (recommended)

Step-2: Place the Favicon in Your Website Folder

Put the file in your website's root directory:


/index.html
/favicon.ico

Step-3: Add Favicon Link in HTML <head> Section

✔ Most Recommended Code (ICO File)


<link rel="icon" type="image/x-icon" href="favicon.ico">

✔ For PNG Favicon


<link rel="icon" type="image/png" href="favicon.png">

✔ For SVG Favicon


<link rel="icon" href="favicon.svg" type="image/svg+xml">

✔ For All Browsers (Full Compatibility)


<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">

Place these inside:
<head> ... </head>

Step-4: Clear Browser Cache

If favicon does not update:

Refresh with Ctrl + F5
Clear browser cache
Use private/incognito mode

How to add favicon in HTML MDN?

How do I upload a favicon?
ফেভিকন কিভাবে আপলোড করব?
এইচটিএমএল এর ফেভিকন ইমেজ কি?

ফেভিকন ক্রিয়েটর ব্যবহারের নির্দেশিকা (বাংলায়)

ফেভিকন ক্রিয়েটর (Favicon Generator) একটি সহজ অনলাইন টুল, যার মাধ্যমে আপনি নিজের ওয়েবসাইট বা ব্লগের জন্য ছোট আইকন (favicon) তৈরি করতে পারবেন। নিচে ধাপে ধাপে এর ব্যবহারবিধি দেওয়া হলো 👇

ফেভিকন ক্রিয়েটর ব্যবহারবিধি

ছবি নির্বাচন করুন:

আপনার লোগো, অক্ষর, বা পছন্দের কোনো ছবি আপলোড করুন।
(সাধারণত .png, .jpg, .jpeg, .svg ফরম্যাট সমর্থন করে।)

আইকন সাইজ নির্ধারণ করুন:

টুলটি স্বয়ংক্রিয়ভাবে ১৬x১৬, ৩২x৩২, ৪৮x৪৮ ইত্যাদি সাইজে আইকন তৈরি করবে।
চাইলে নিজে সাইজ পরিবর্তন করতে পারেন।

ব্যাকগ্রাউন্ড ও রঙ ঠিক করুন:

ফেভিকনের ব্যাকগ্রাউন্ড কালার, বর্ডার বা রাউন্ড কর্নার পছন্দ অনুযায়ী ঠিক করুন।

আইকন প্রিভিউ দেখুন:

ডাউনলোড করার আগে ট্যাব ও মোবাইল ভিউতে কেমন দেখাবে তা দেখে নিন।

ফাইল ডাউনলোড করুন:

ফেভিকন .ico, .png বা .zip ফরম্যাটে ডাউনলোড করুন।
ফাইলটিতে একাধিক সাইজের আইকন থাকে।

ওয়েবসাইটে যুক্ত করুন:

HTML <head> সেকশনে নিচের কোডটি যোগ করুন:
<link rel="icon" href="/favicon.ico" type="image/x-icon">

ফলাফল পরীক্ষা করুন:

ওয়েবসাইট রিলোড করে ব্রাউজারের ট্যাবে আইকনটি দেখা যাচ্ছে কিনা যাচাই করুন।

এই টুলে তৈরি আইকন আপনি CSV/PDF আকারে প্রজেক্ট ডকুমেন্ট হিসেবেও সংরক্ষণ করতে পারেন।

সব টেক্সট ও বোতাম সম্পূর্ণ বাংলা ভাষায় থাকবে, তাই ব্যবহার একদম সহজ।