Favicon জেনারেটর

ব্রাউজারে সম্পূর্ণ মাল্টি-প্ল্যাটফর্ম Favicon বান্ডেল তৈরি করুন (favicon.ico, 16×16, 32×32, 180×180 Apple Touch Icon, 192×192 ও 512×512 Android PWA আইকন + site.webmanifest)।

কোন আপলোডকোন সাইন আপব্যাচ প্রসেসিং

এখানে লোগো বা আইকন ছাড়ুন (PNG, SVG, JPG, WebP)

favicon.ico (16/32/48px), Apple Touch 180×180, Android PWA 192/512px ও site.webmanifest তৈরি করে

ফাইল সিলেক্ট করুন

অফলাইন ইঞ্জিন প্রস্তুত100% ব্যক্তিগত ইন-ব্রাউজার ওয়ার্কস্পেস • জিরো ক্লাউড আপলোড

১০০% প্রাইভেট • জিরো সার্ভার ফাইল আপলোড

Utiliome-এর অল-ইন-ওয়ান ওয়েবসাইট Favicon ও PWA জেনারেটর কেন ব্যবহার করবেন?

কঠোর প্রাইভেসি, তাৎক্ষণিক এক্সিকিউশন ও জিরো ঘর্ষণের জন্য তৈরি। সাবস্ক্রিপশন, পেওয়াল বা অ্যাকাউন্ট রেজিস্ট্রেশন লাগে না।

সম্পূর্ণ ৯-ফাইল ওয়েব ও মোবাইল বান্ডেল

favicon.ico (16×16, 32×32 ও 48×48 স্তর প্যাকিং), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest এবং head-tags.html তৈরি করে।

লাইভ লাইট ও ডার্ক ব্রাউজার ট্যাব প্রিভিউ

ডাউনলোডের আগে Light Mode ও Dark Mode ব্রাউজার ট্যাব এবং iOS Home Screen ব্যাজে আইকন কেমন দেখায় পরীক্ষা করুন—ব্যাকগ্রাউন্ড রং, সেফ প্যাডিং ও কর্নার রেডিয়াস রিয়েল টাইমে সমন্বয় করুন।

পেস্ট-রেডি HTML <head> স্নিপেট

Astro, Next.js, WordPress বা প্লেইন HTML-এ তাৎক্ষণিক ইন্টিগ্রেশনের জন্য সঠিক <link rel="icon">, <link rel="apple-touch-icon"> এবং <link rel="manifest"> ট্যাগ এক ক্লিকে কপি করুন।

১০০% ব্যক্তিগত ক্লায়েন্ট-সাইড প্যাকেজিং

সব হাই-প্রিসিশন ক্যানভাস রিস্যাম্পলিং, বাইনারি .ico হেডার প্যাকিং এবং ZIP আর্কাইভিং ব্রাউজারে স্থানীয়ভাবে চলে—সার্ভার আপলোড শূন্য, ওয়াটারমার্ক শূন্য।

Utiliome বনাম প্রচলিত ক্লাউড বিকল্প

আমাদের লোকাল-ফার্স্ট WebAssembly ইঞ্জিনকে পুরনো ক্লাউড টুলের সাথে তুলনা করুন।

ফিচার	Utiliome (লোকাল ব্রাউজার)	পুরনো ক্লাউড কনভার্টার
তৈরি অ্যাসেট কভারেজ	মাল্টি-লেয়ার favicon.ico + 16/32/48/180/192/512 PNG + site.webmanifest	একক 16×16 ICO অথবা অনুপস্থিত iOS/Android PWA ম্যানিফেস্ট
লাইভ ডার্ক/লাইট ট্যাব ও iOS মকআপ	রিয়েল-টাইম Chrome লাইট/ডার্ক ট্যাব বার + iOS Home Screen ব্যাজ প্রিভিউ	ডার্ক-মোড কনট্রাস্ট চেক ছাড়া স্ট্যাটিক ডাউনলোড
প্যাডিং, ব্যাকগ্রাউন্ড ও রাউন্ডেড মাস্ক	ইন্টারঅ্যাকটিভ 0%–30% প্যাডিং, 0%–50% কর্নার রেডিয়াস ও কাস্টম HEX ব্যাকগ্রাউন্ড	প্যাডিং বা ব্যাজ রাউন্ডিং ছাড়া নন-স্কয়ার লোগো স্ট্রেচ করে
গোপনীয়তা ও এক্সিকিউশন গতি	১০০% স্থানীয় ব্রাউজার Canvas + JSZip (সার্ভার আপলোড শূন্য)	অপ্রকাশিত ব্র্যান্ড লোগো দূরবর্তী সার্ভারে আপলোড করে

কীভাবে কাজ করে

৩ সহজ ধাপে সম্পূর্ণ Favicon প্যাকেজ কীভাবে তৈরি করবেন

সফটওয়্যার ইনস্টল লাগে না। সবকিছু সরাসরি ওয়েব ব্রাউজারে চলে।

ব্র্যান্ড লোগো বা আইকন ছাড়ুন (SVG, PNG, JPG, WebP)

হাই-রেজোলিউশন ইমেজ বা ভেক্টর .svg লোগো নির্বাচন করুন। তীক্ষ্ণ 512×512 PWA স্প্ল্যাশ আইকনের জন্য SVG বা 512×512+ PNG দিয়ে শুরু করুন।

প্যাডিং, কর্নার রেডিয়াস ও ডার্ক-মোড কনট্রাস্ট কাস্টমাইজ করুন

লাইভ লাইট ও ডার্ক ব্রাউজার ট্যাব প্রিভিউ দেখুন। সেফ মার্জিন প্যাডিং (8%–12%), রাউন্ডেড কর্নার বা সলিড ব্যাকগ্রাউন্ড ফিল যোগ করুন যদি গাঢ় লোগো ডার্ক ব্রাউজার ট্যাবে অদৃশ্য হয়।

Favicon ZIP ডাউনলোড করুন ও HTML <head> ট্যাগ কপি করুন

'Download Complete Favicon ZIP' ক্লিক করুন, ফাইল সাইটের /public বা রুট ফোল্ডারে এক্সট্র্যাক্ট করুন এবং তৈরি <link> স্নিপেট HTML <head>-এ পেস্ট করুন।

২০২৬ ওয়েবসাইট Favicon সাইজ ও স্ট্যান্ডার্ড: আধুনিক ব্রাউজার ও গুগল

দ্রুত উত্তর: প্রোডাকশন ওয়েবসাইট বান্ডেলে লিগ্যাসি ফলব্যাক ও ডেস্কটপ শর্টকাটের জন্য মাল্টি-রেজোলিউশন favicon.ico (16/32/48px), ডেস্কটপ ট্যাব ও SERP-এর জন্য favicon-16x16.png, favicon-32x32.png ও favicon-48x48.png, iOS Safari-এর জন্য apple-touch-icon.png (180×180) এবং Android PWA-এর জন্য site.webmanifest-এ 192×192 + 512×512 PNG থাকে।

একক favicon.ico ফাইল এখন আর Retina ডেস্কটপ মনিটর, iPhone, Android হোম স্ক্রিন এবং Google Search মোবাইল/ডেস্কটপ স্নিপেট জুড়ে যথেষ্ট নয়। প্রতিটি প্ল্যাটফর্ম নির্দিষ্ট রেজোলিউশন ও ফাইল ফরম্যাট চায়:

ফাইল নাম	মাত্রা	টার্গেট প্ল্যাটফর্ম ও ব্রাউজার আচরণ
`favicon.ico`	`16×16`, `32×32`, `48×48` (মাল্টি-লেয়ার)	লিগ্যাসি ব্রাউজার ফলব্যাক, RSS রিডার, Windows ডেস্কটপ শর্টকাট এবং `/favicon.ico` রুট ক্রলার
`favicon-16x16.png`	`16 × 16 px`	স্ট্যান্ডার্ড-DPI ডেস্কটপ ব্রাউজার ট্যাব (Chrome, Firefox, Edge, Safari) এবং বুকমার্ক বার
`favicon-32x32.png`	`32 × 32 px`	2x Retina / HiDPI ডেস্কটপ ব্রাউজার ট্যাব এবং Windows টাস্কবার পিনড সাইট
`favicon-48x48.png`	`48 × 48 px`	হাই-ডেনসিটি ডেস্কটপ শর্টকাট এবং সার্চ ইঞ্জিন ক্রলার (যারা >48×48px স্কয়ার আইকন সুপারিশ করে)
`apple-touch-icon.png`	`180 × 180 px`	iPhone ও iPad Safari 'Add to Home Screen' আইকন এবং iMessage / Safari Favorites টাইল
`android-chrome-192x192.png`	`192 × 192 px`	`site.webmanifest`-এ রেফারেন্স করা Android Chrome হোম স্ক্রিন শর্টকাট আইকন
`android-chrome-512x512.png`	`512 × 512 px`	Progressive Web App (PWA) ইনস্টল স্প্ল্যাশ স্ক্রিন এবং হাই-ডেনসিটি লঞ্চার স্টোর আইকন
`site.webmanifest`	JSON ম্যানিফেস্ট	Android ও ডেস্কটপ PWA ইনস্টলেশনের জন্য অ্যাপ নাম, থিম কালার এবং 192/512px আইকন পাথ ঘোষণা করে
`head-tags.html`	HTML স্নিপেট	ডকুমেন্ট `<head>`-এর জন্য পেস্ট-রেডি `<link>` এবং `<meta name="theme-color">` ট্যাগ

ডার্ক-মোড ব্রাউজার ট্যাব স্বচ্ছ লোগো ভাঙে কেন—এবং কীভাবে ঠিক করবেন

দ্রুত উত্তর: ৬০%-এর বেশি ডেভেলপার ও মোবাইল ব্যবহারকারী Dark Mode-এ ব্রাউজ করেন, যেখানে কালো বা গাঢ়-নেভি স্বচ্ছ PNG লোগো #1E293B বা #000000 ব্রাউজার ট্যাবে অদৃশ্য হয়। 8%–12% প্যাডিং ও 16%–24% কর্নার রেডিয়াসসহ সূক্ষ্ম ব্যাকগ্রাউন্ড ব্যাজ দুই থিমেই পাঠযোগ্যতা নিশ্চিত করে।

Favicon জেনারেটর বনাম ICO কনভার্টার: কোন টুল ব্যবহার করবেন?

দ্রুত উত্তর: ওয়েবসাইট বা ওয়েব অ্যাপ লঞ্চ করতে পূর্ণ ZIP বান্ডেল (PNG, Apple Touch আইকন, Android PWA ম্যানিফেস্ট, HTML <head> স্নিপেট ও favicon.ico) লাগলে Favicon জেনারেটর ব্যবহার করুন। ডেস্কটপ সফটওয়্যার বা শর্টকাটের জন্য স্বতন্ত্র মাল্টি-লেয়ার Windows .ico ফাইল 256×256px পর্যন্ত লাগলে নিবেদিত ICO কনভার্টার ব্যবহার করুন।

দুটি টুলই .ico ফাইল তৈরি করলেও এগুলো ভিন্ন ডিপ্লয়মেন্ট পাইপলাইনের জন্য তৈরি:

ফিচার / প্রয়োজন	Favicon Generator (এই টুল)	ICO Generator & Converter
প্রাথমিক আউটপুট	সম্পূর্ণ ৯-ফাইল `.zip` ওয়েব প্যাকেজ (`6` PNG + `.ico` + `site.webmanifest` + `head-tags.html`)	স্বতন্ত্র `.ico` বাইনারি (বা ব্যাচ `.ico` ZIP) কাস্টম লেয়ার নির্বাচনসহ
অন্তর্ভুক্ত `.ico` রেজোলিউশন	ওয়েব-অপটিমাইজড `16×16`, `32×32` এবং `48×48` স্তর	পূর্ণ Windows ডেস্কটপ স্যুট: `16`, `24`, `32`, `48`, `64`, `128` এবং `256×256 px`
Apple iOS ও Android PWA আইকন	অন্তর্ভুক্ত (`180×180`, `192×192`, `512×512`)	অন্তর্ভুক্ত নয় (শুধু `.ico` বাইনারি কন্টেইনারে মনোযোগ)
সেরা ব্যবহার	ওয়েবসাইট, SaaS অ্যাপ, Next.js/Astro/WordPress প্রজেক্ট এবং Google SERP আইকন	Windows 10/11 `.exe` অ্যাপ আইকন, ফোল্ডার আইকন এবং ব্যাচ PNG-to-ICO রূপান্তর

FAQ

Favicon জেনারেটর FAQ ও মাল্টি-প্ল্যাটফর্ম আইকন স্পেসিফিকেশন গাইড

Utiliome-এর ফ্রি অনলাইন Favicon জেনারেটর ব্যবহার নিয়ে যা জানা দরকার।

Favicon জেনারেটরে কত সাইজের ইমেজ আপলোড করব?

সব তৈরি ফাইল জুড়ে (512×512 Android PWA স্প্ল্যাশ আইকন পর্যন্ত) সবচেয়ে তীক্ষ্ণ ফলাফলের জন্য ভেক্টর .svg ফাইল অথবা অন্তত 512×512 পিক্সেলের স্কয়ার PNG/WebP ইমেজ আপলোড করুন।

Google Search SERP স্নিপেটের জন্য কোন favicon সাইজ সুপারিশ করে?

Google Search Central অন্তত 8×8px স্কয়ার favicon চায় এবং 48×48px-এর বড় আইকন সুপারিশ করে (অথবা 48px-এর গুণিতক, SVG, বা 180×180 apple-touch-icon.png) যাতে মোবাইল ও ডেস্কটপ সার্চ ফলাফলে পরিষ্কার স্কেল হয়। Utiliome স্বয়ংক্রিয়ভাবে favicon.ico-তে 48×48px স্তর, স্বতন্ত্র favicon-48x48.png এবং 180×180 apple-touch-icon.png অন্তর্ভুক্ত করে।

ডাউনলোড করা favicon-package.zip-এর ফাইল কোথায় রাখব?

স্ট্যাটিক অ্যাসেট ফাইল (favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png এবং site.webmanifest) ওয়েবসাইটের রুট স্ট্যাটিক ডিরেক্টরিতে এক্সট্র্যাক্ট করুন (যেমন Next.js, Astro, Vite-এ /public অথবা WordPress/HTML-এ রুট ফোল্ডার), তারপর head-tags.html থেকে <link> ট্যাগ ডকুমেন্ট <head>-এ কপি করুন।

তৈরি favicon.ico কি আসল মাল্টি-রেজোলিউশন ICO ফাইল?

হ্যাঁ। একক PNG-কে .ico নামকরণ করা বেসিক টুলের বিপরীতে Utiliome বাইনারি ICONDIR হেডার তৈরি করে এবং তিনটি স্বতন্ত্র 32-bit RGBA স্তর (16×16, 32×32 এবং 48×48) favicon.ico-তে প্যাক করে।

Favicon জেনারেটর বনাম ICO জেনারেটর টুল কখন ব্যবহার করব?

ওয়েবসাইট সেটআপে এক ক্লিকে Apple Touch আইকন, Android PWA আইকন, site.webmanifest ও HTML head ট্যাগ পেতে Favicon জেনারেটর ব্যবহার করুন। স্বতন্ত্র Windows ডেস্কটপ .ico ফাইল 64×64, 128×128 ও 256×256 স্তরসহ লাগলে অথবা একাধিক ইমেজ ব্যাচ-কনভার্ট করতে ICO জেনারেটর টুল ব্যবহার করুন।

Favicon তৈরির সময় আমার লোগো কি কোনো সার্ভারে আপলোড হয়?

কখনো না। সব ক্যানভাস স্কেলিং, কর্নার রাউন্ডিং, ICO বাইনারি প্যাকিং এবং ZIP কম্প্রেশন ১০০% আপনার ব্রাউজারে স্থানীয়ভাবে হয়।