একটি লোগো, ফন্ট আইকন বা মনোগ্রাম থেকে একটি সম্পূর্ণ favicon প্যাকেজ তৈরি করুন — favicon.ico, আধুনিক PNG, Apple touch icon, PWA icons, একটি web manifest এবং HTML snippet।

একটি লোগো দিন, একটি ফন্ট আইকন বেছে নিন বা একটি মনোগ্রাম টাইপ করুন — আধুনিক একটি ওয়েবসাইটের প্রয়োজনীয় প্রতিটি favicon আমরা তৈরি করে দিই, ক্লাসিক favicon.ico থেকে Apple touch icon, PWA icons এবং পেস্ট করার জন্য প্রস্তুত একটি HTML snippet পর্যন্ত।

এখানে একটি PNG ড্রপ করুন বা আপলোড করতে ক্লিক করুন
স্বচ্ছ PNG প্রস্তাবিত · JPG / WebP-ও গ্রহণযোগ্য
64%
ব্যাকগ্রাউন্ডের রঙ
0%
ব্রাউজার UI এবং PWA manifest দ্বারা ব্যবহৃত হয়।
আপনার সাইট
example.com
বুকমার্ক · 32px
Apple touch · 180px
PWA · 512px

আপনার favicon প্যাকেজ প্রস্তুত
ZIP ডাউনলোড শুরু হয়েছে। এটি আপনার সাইটের root-এ unzip করুন এবং HTML snippet আপনার <head>-এ পেস্ট করুন।

ফ্যাভিকন জেনারেটর সম্পর্কে

Favicon Generator একটি একক সোর্স থেকে একটি আধুনিক ওয়েবসাইটের প্রয়োজনীয় প্রতিটি আইকন তৈরি করে: একটি লোগো PNG আপলোড করুন, একটি ফন্ট আইকন বেছে নিন, বা একটি মনোগ্রাম টাইপ করুন। প্যাকেজে থাকে ক্লাসিক favicon.ico (16, 32 এবং 48 px), আধুনিক PNG ফেভিকন, 180 px Apple touch icon, 192 ও 512 px PWA আইকন, একটি site.webmanifest এবং HTML head স্নিপেট।

স্টাইলিং টুলটির মধ্যেই পরিচালিত হয়: একটি ব্যাকগ্রাউন্ড রং বেছে নিন বা স্বচ্ছতা রাখুন, বর্গক্ষেত্র, রাউন্ডেড বা বৃত্ত আকৃতিতে ক্লিপ করুন, প্যাডিং ও আর্টওয়ার্কের সাইজ টিউন করুন, এবং ব্রাউজার UI ও PWA ম্যানিফেস্ট দ্বারা ব্যবহৃত থিম রং সেট করুন। একটি লাইভ প্রিভিউ আপনার আইকনকে বাস্তব প্রেক্ষাপটে দেখায় — একটি 16 px ব্রাউজার ট্যাব, একটি বুকমার্ক, Apple touch টাইল এবং একটি PWA আইকন।

সবকিছু আপনার ব্রাউজারের একটি ক্যানভাসে রেন্ডার হয়, এবং Generate সম্পূর্ণ প্যাকেজটিকে একটি README সহ একটি ZIP-এ একত্র করে। ইনস্টলেশন দুই ধাপে: আপনার সাইটের রুটে আনজিপ করুন এবং প্রদত্ত স্নিপেটটি আপনার <head>-এ পেস্ট করুন।

ফ্যাভিকন জেনারেটর কীভাবে ব্যবহার করবেন

  1. আপনার সোর্স বেছে নিন: একটি PNG লোগো আপলোড করুন, একটি ফন্ট আইকন বেছে নিন, বা একটি মনোগ্রাম টাইপ করুন।
  2. এটি স্টাইল করুন — ব্যাকগ্রাউন্ড রং বা স্বচ্ছতা, আকৃতি, প্যাডিং ও আর্টওয়ার্কের সাইজ।
  3. PWA ম্যানিফেস্টের জন্য সাইটের নাম, শর্ট নেম এবং থিম রং পূরণ করুন।
  4. প্রিভিউগুলো দেখুন: ব্রাউজার ট্যাব, বুকমার্ক, Apple touch ও PWA প্রেক্ষাপট।
  5. "Generate favicons"-এ ক্লিক করুন এবং প্যাকেজটি আপনার ওয়েবসাইট রুটে আনজিপ করুন।
  6. প্যাকেজ থেকে HTML স্নিপেটটি আপনার পৃষ্ঠার <head>-এ পেস্ট করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

হ্যাঁ — সম্পূর্ণ প্যাকেজ, .ico, সব PNG সাইজ, ম্যানিফেস্ট ও HTML স্নিপেট সহ, তৈরি ও ডাউনলোড করা বিনামূল্যে।

16, 32 ও 48 px লেয়ারসহ favicon.ico, আধুনিক PNG ফেভিকন, 180 px apple-touch-icon, 192 ও 512 px PWA আইকন, একটি site.webmanifest, পেস্ট-প্রস্তুত HTML স্নিপেট এবং ইনস্টল ধাপসহ একটি README।

হ্যাঁ। ব্রাউজার ও ক্রলার এখনও ফলব্যাক হিসেবে /favicon.ico অনুরোধ করে, এবং পুরনো ক্লায়েন্টগুলো এর উপর নির্ভরশীল। প্যাকেজে এটি আধুনিক PNG লিঙ্কের পাশাপাশি অন্তর্ভুক্ত থাকে, ফলে প্রতিটি ভিজিটর একটি স্পষ্ট আইকন পায়।

আর্কাইভটি আপনার ওয়েবসাইট রুটে আনজিপ করুন যাতে ফাইলগুলো ডোমেইন রুটে থাকে, তারপর প্রদত্ত HTML স্নিপেটটি আপনার পৃষ্ঠার <head>-এ পেস্ট করুন। ZIP-এর README-তে এই ধাপগুলো পুনরাবৃত্তি করা আছে।

এটি ম্যানিফেস্ট ও মেটা ট্যাগে লেখা হয়, মোবাইলে ব্রাউজার UI এবং ইনস্টল করা PWA-এর স্প্ল্যাশ ও টাইটেল বারকে রঙিন করে যাতে সেগুলো আপনার ব্র্যান্ডের সাথে মেলে।

হ্যাঁ। এক বা দুই অক্ষরের একটি মনোগ্রাম টাইপ করুন এবং একটি টাইপফেস ও রং বেছে নিন, অথবা ফন্ট-আইকন লাইব্রেরি থেকে একটি গ্লিফ বেছে নিন — জেনারেটর একটি আপলোড করা লোগোর মতোই প্রতিটি সাইজে এটি রেন্ডার করে।

শেয়ার করুন

জনপ্রিয় অনুসন্ধান
favicon জেনারেটর favicon.ico মেকার অনলাইন favicon তৈরি Apple touch আইকন PWA আইকন জেনারেটর লোগো থেকে favicon
সাহায্য দরকার?
এই টুলে কোনো সমস্যা পেয়েছেন? আমাদের দলকে জানান।
সমস্যা রিপোর্ট করুন

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন — নিচের কোডটি কপি করে পেস্ট করুন।