এটি যেভাবে কাজ করে
আপনার উৎস চয়ন করুন
একটি ছবি আপলোড করুন, কাস্টম ফন্ট দিয়ে টেক্সট থেকে তৈরি করুন, শত শত ইমোজি থেকে বেছে নিন, বা পিক্সেল আর্ট আঁকুন। বিদ্যমান favicon এক্সট্র্যাক্ট করতে যেকোনো URL বিশ্লেষণ করুন।
কাস্টমাইজ এবং প্রিভিউ
ব্যাকগ্রাউন্ড, গ্রেডিয়েন্ট, গোলাকার ভাব এবং ইফেক্ট সামঞ্জস্য করুন। রিয়েল-টাইমে ব্রাউজার ট্যাব, iOS হোম স্ক্রিন, Android এবং Windows মকআপে আপনার favicon প্রিভিউ করুন।
জেনারেট এবং ডাউনলোড
এক ক্লিকে সমস্ত সাইজ জেনারেট করুন। ৩৫+ ফ্রেমওয়ার্কের জন্য ব্যবহারের জন্য প্রস্তুত কোড স্নিপেট সহ সম্পূর্ণ প্যাকেজটি ডাউনলোড করুন।
আপনার Favicon তৈরি করার চারটি উপায়
ছবি আপলোড করুন
যেকোনো ছবি দিয়ে শুরু করুন — PNG, JPG, SVG, বা WebP। ব্যাকগ্রাউন্ড যোগ করুন, প্যাডিং, উজ্জ্বলতা, কন্ট্রাস্ট সামঞ্জস্য করুন এবং গোলাকার কোণ প্রয়োগ করুন। লোগো এবং বিদ্যমান ব্র্যান্ড অ্যাসেটের জন্য উপযুক্ত।
টেক্সট থেকে Favicon
১৫০০+ Google Fonts দিয়ে টেক্সট-ভিত্তিক favicon তৈরি করুন। ফন্টের ওজন, রঙ চয়ন করুন এবং সলিড বা গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড যোগ করুন। সাধারণ অক্ষর-ভিত্তিক ব্র্যান্ড আইকনের জন্য আদর্শ।
ইমোজি Favicon
সকল দেশের পতাকাসহ ১২টি ক্যাটাগরিতে শত শত ইমোজি থেকে বেছে নিন। একটি সুন্দর লুকের জন্য প্রিসেট বা কাস্টম গ্রেডিয়েন্ট সহ রঙিন ব্যাকগ্রাউন্ড যোগ করুন।
পিক্সেল আর্ট ক্যানভাস
একটি কাস্টমাইজযোগ্য গ্রিডে পিক্সেল দ্বারা পিক্সেল আপনার নিজের favicon আঁকুন। আনডু/রিডু সাপোর্ট সহ কলম, ইরেজার এবং ফিল টুল ব্যবহার করুন। আপনার পিক্সেল আর্ট ক্রিয়েশনটি তাৎক্ষণিকভাবে এক্সপোর্ট করুন।
শক্তিশালী ফিচার
১০০% ব্যক্তিগত
সমস্ত প্রসেসিং স্থানীয়ভাবে আপনার ব্রাউজারে ঘটে। আপনার ছবিগুলি কখনও আপনার ডিভাইস ত্যাগ করে না। কোনো আপলোড নেই, কোনো ক্লাউড স্টোরেজ নেই, কোনো ডেটা সংগ্রহ নেই।
সব প্ল্যাটফর্ম কভার করা হয়েছে
ব্রাউজার, iOS হোম স্ক্রিন, Android Chrome, Windows টাইল, Safari পিন করা ট্যাব এবং প্রগ্রেসিভ ওয়েব অ্যাপের জন্য ১৫+ favicon সাইজ জেনারেট করুন।
লাইভ প্রিভিউ
জেনারেট করার আগে ব্রাউজার ট্যাব, iOS হোম স্ক্রিন, Android লঞ্চার এবং Windows টাইলে আপনার favicon কেমন দেখায় তা ঠিক দেখুন।
৩৫+ ফ্রেমওয়ার্ক স্নিপেট
HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django এবং আরও ২৫+ প্ল্যাটফর্মের জন্য ব্যবহারের জন্য প্রস্তুত কোড পান।
URL অ্যানালাইজার
বিদ্যমান favicon এক্সট্র্যাক্ট করতে যেকোনো ওয়েবসাইট বিশ্লেষণ করুন। দেখুন কোন সাইজগুলি উপস্থিত, কোনটি অনুপস্থিত এবং এক ক্লিকে একটি সম্পূর্ণ সেট পুনরায় জেনারেট করুন।
জেনারেশন ইতিহাস
আপনার সাম্প্রতিক favicon জেনারেশন অ্যাক্সেস করুন। পূর্ববর্তী সৃষ্টিগুলি পুনরুদ্ধার করুন, সংস্করণ তুলনা করুন, বা যেখানে ছেড়েছিলেন সেখান থেকে এডিট করা চালিয়ে যান।
কুইক টেমপ্লেট
পেশাদারভাবে ডিজাইন করা টেমপ্লেট দিয়ে শুরু করুন যা সলিড কালার, গ্রেডিয়েন্ট এবং প্যাটার্ন বৈশিষ্ট্যযুক্ত। আপনার ব্র্যান্ডের সাথে মিলতে প্রয়োগ করুন এবং কাস্টমাইজ করুন।
মাল্টি-সাইজ ICO
স্বয়ংক্রিয়ভাবে মাল্টি-রেজোলিউশন ICO ফাইল তৈরি করে যা সর্বোচ্চ ব্রাউজার সামঞ্জস্যের জন্য ১৬x১৬, ৩২x৩২ এবং ৪৮x৪৮ সাইজ এম্বেড করে।
সম্পূর্ণ আউটপুট প্যাকেজ
স্ট্যান্ডার্ড Favicon
ব্রাউজার ট্যাব এবং বুকমার্কের জন্য favicon.ico (মাল্টি-সাইজ), ১৬x১৬, ৩২x৩২ এবং ৪৮x৪৮ PNGs।
Apple Touch আইকন
iOS হোম স্ক্রিনের জন্য ১৮০x১৮০ Apple Touch আইকন, এবং কাস্টমাইজযোগ্য থিম কালার সহ Safari পিন করা ট্যাব SVG।
Android এবং PWA আইকন
Android Chrome এবং প্রগ্রেসিভ ওয়েব অ্যাপের জন্য ১৯২x১৯২ এবং ৫১২x৫১২ আইকন, মাস্ক করার যোগ্য আইকন সাপোর্ট সহ।
Windows টাইলস
Windows স্টার্ট মেনু এবং টাস্কবার ইন্টিগ্রেশনের জন্য browserconfig.xml সহ ২৭০x২৭০ Microsoft টাইল।
ওয়েব ম্যানিফেস্ট
আইকন রেফারেন্স, থিম কালার এবং PWA ডিসপ্লে সেটিংস সহ সম্পূর্ণ site.webmanifest ফাইল।
সচরাচর জিজ্ঞাসিত প্রশ্ন
আমার কোন favicon সাইজ প্রয়োজন?
আমার কেন একটি ICO ফাইল প্রয়োজন?
আমার favicon-এ কি স্বচ্ছ ব্যাকগ্রাউন্ড থাকা উচিত?
আমার উৎস ছবিটি কি বর্গাকার হতে হবে?
আমার ছবিগুলো কি নিরাপদ এবং ব্যক্তিগত?
কোন ফ্রেমওয়ার্কগুলি সমর্থিত?
প্রগ্রেসিভ ওয়েব অ্যাপ সম্পর্কে কী?
Favicon বোঝা
Favicon হলো ছোট আইকন যা ব্রাউজার, বুকমার্ক, হোম স্ক্রিন এবং অ্যাপ লঞ্চার জুড়ে আপনার ওয়েবসাইটকে প্রতিনিধিত্ব করে। একটি সম্পূর্ণ favicon সেট নিশ্চিত করে যে ব্যবহারকারীরা যেখানেই আপনার সাইটের মুখোমুখি হন সেখানেই আপনার ব্র্যান্ডটি পেশাদার এবং শনাক্তযোগ্য দেখায়।
ICO ফরম্যাট
ICO ফরম্যাট একটি ফাইলে একাধিক সাইজ (১৬x১৬, ৩২x৩২, ৪৮x৪৮) বান্ডিল করে। যদিও আধুনিক ব্রাউজারগুলি PNG favicon সমর্থন করে, ICO পুরানো ব্রাউজার এবং নির্দিষ্ট ডেস্কটপ অ্যাপ্লিকেশনের সাথে সর্বাধিক সামঞ্জস্যের জন্য অপরিহার্য।
PNG আইকন
আধুনিক ব্রাউজারগুলি তাদের খাস্তা গুণমান এবং স্বচ্ছতা সাপোর্টের জন্য PNG favicon পছন্দ করে। প্রতিটি সাইজ একটি উদ্দেশ্য পরিবেশন করে: ব্রাউজার ট্যাবের জন্য ১৬px এবং ৩২px, iOS-এর জন্য ১৮০px এবং Android ও PWA-এর জন্য ১৯২px/৫১২px।
ওয়েব অ্যাপ ম্যানিফেস্ট
site.webmanifest ফাইলটি সংজ্ঞায়িত করে যে আপনার সাইটটি PWA হিসাবে ইনস্টল করার সময় কেমন দেখায়। এটি আইকন, থিম কালার, ডিসপ্লে মোড এবং অন্যান্য মেটাডেটা নির্দিষ্ট করে যা ব্রাউজারগুলি অ্যাপের মতো অভিজ্ঞতা তৈরি করতে ব্যবহার করে।
SVG Favicon
Safari-এর পিন করা ট্যাব ফিচার একটি একরঙা SVG আইকন ব্যবহার করে। আধুনিক ব্রাউজারগুলিও সরাসরি SVG favicon সমর্থন করতে শুরু করেছে, যা অসীম স্কেলেবিলিটি এবং ছোট ফাইলের আকার প্রদান করে।