Favicon জেনারেটর
নতুনট্রেন্ডিং 🔥একটি ছবি থেকে সমস্ত favicon আকার তৈরি করুন
Favicon জেনারেটর কীভাবে ব্যবহার করবেন
- 1একটি বর্গাকার ছবি আপলোড করুন (PNG প্রস্তাবিত)
- 2টুল স্বয়ংক্রিয়ভাবে সব মানক favicon আকার তৈরি করে
- 3পৃথক আকার বা সব ফাইলের ZIP ডাউনলোড করুন
- 4Copy the HTML snippet to add favicons to your website
Favicon জেনারেটর সম্পর্কে
একটি ছবি আপলোড করুন এবং সমস্ত স্ট্যান্ডার্ড ফেভিকন সাইজ (16x16, 32x32, 48x48, 180x180, 192x192, 512x512) এবং একটি ICO ফাইল তৈরি করুন, যেকোনো ওয়েবসাইটে ব্যবহারের জন্য প্রস্তুত।
Favicon জেনারেটর-এর মূল বৈশিষ্ট্যসমূহ
- ছয়টি স্ট্যান্ডার্ড সাইজ তৈরি করে: 16x16, 32x32, 48x48, 96x96, 180x180 এবং 512x512
- iOS হোম স্ক্রিন বুকমার্কের জন্য 180x180 Apple Touch Icon অন্তর্ভুক্ত করে
- প্রতিটি সাইজের জন্য পৃথক ডাউনলোড বোতাম
- প্রতিটি তৈরি সাইজের জন্য প্রস্তুত HTML লিঙ্ক ট্যাগ স্নিপেট
- সোর্স ছবি থেকে স্বচ্ছতা সংরক্ষিত PNG আউটপুট
- তাৎক্ষণিক ব্রাউজার-ভিত্তিক তৈরি — কোনো আপলোড প্রয়োজন নেই
- 512x512 বা তার বড় স্কোয়ার সোর্স ছবিতে সর্বোত্তম কাজ করে
- সম্পূর্ণ HTML স্নিপেট ব্লকের জন্য এক-ক্লিক কপি
সমর্থিত ফরম্যাট
ইনপুট ফরম্যাট
আউটপুট ফরম্যাট
A square source image at 512x512 pixels or larger is strongly recommended for sharp results at all sizes.
উদাহরণ
নতুন ওয়েবসাইটে ফেভিকন যোগ করুন
লোগো আপলোড করুন, Generate Favicons ক্লিক করুন, সমস্ত সাইজ ডাউনলোড করুন এবং আপনার ডকুমেন্ট হেডে HTML স্নিপেট পেস্ট করুন।
ইনপুট
512x512 square logo PNG
আউটপুট
Six PNG files (16 to 512px) plus HTML snippet
PWA এর জন্য Apple Touch Icon তৈরি করুন
আপনার Progressive Web App ম্যানিফেস্টের Apple Touch Icon লিঙ্ক ট্যাগের জন্য শুধুমাত্র 180x180 সাইজ ডাউনলোড করুন।
ইনপুট
New brand logo PNG
আউটপুট
Fresh set of all standard favicon sizes
Generate Apple Touch Icon for PWA
Download just the 180x180 size for the Apple Touch Icon link tag in your Progressive Web App manifest.
ইনপুট
App icon PNG
আউটপুট
180x180 Apple Touch Icon PNG
সাধারণ ব্যবহারের ক্ষেত্র
- নতুন ওয়েবসাইট প্রজেক্টে সম্পূর্ণ ফেভিকন সেট যোগ করুন
- রিফ্রেশ করা ব্র্যান্ড লোগো দিয়ে পুরানো ফেভিকন আপডেট করুন
- iOS হোম স্ক্রিন বুকমার্কের জন্য Apple Touch Icon তৈরি করুন
- Progressive Web App ম্যানিফেস্টের জন্য সমস্ত প্রয়োজনীয় আইকন সাইজ তৈরি করুন
- ভালো ব্রাউজার এবং OS সামঞ্জস্যতার জন্য একাধিক ফেভিকন সাইজ প্রদান করুন
- সমস্ত ব্রাউজারে মিলে এমন ফেভিকন সহ ব্র্যান্ড সামঞ্জস্যতা নিশ্চিত করুন
সমস্যা সমাধান
ছোট সাইজে (16x16, 32x32) ফেভিকন ঝাপসা দেখাচ্ছে
সমাধান
কমপক্ষে 512x512 পিক্সেলের সোর্স ছবি দিয়ে শুরু করুন। ডাউনস্কেলিং অ্যালগরিদমের তীক্ষ্ণ ছোট আইকন তৈরির জন্য যথেষ্ট বিবরণ প্রয়োজন।
ব্রাউজার ট্যাবে ফেভিকন দেখাচ্ছে না
সমাধান
ব্রাউজার ক্যাশ সাফ করুন এবং পেজ হার্ড-রিলোড করুন। ব্রাউজার আক্রমণাত্মকভাবে ফেভিকন ক্যাশ করে — HTML আপডেট করার পরেও পুরানো আইকন কয়েক মিনিট থাকতে পারে।
অ-স্কোয়ার সোর্স ছবি আউটপুটে বিকৃত দেখাচ্ছে
সমাধান
প্রথমে Crop Image টুল ব্যবহার করে সোর্স ছবি স্কোয়ারে ক্রপ করুন, তারপর স্কোয়ার সংস্করণ থেকে ফেভিকন তৈরি করুন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
আমার কোন আকারের ছবি আপলোড করা উচিত?
সেরা ফলাফলের জন্য কমপক্ষে 512×512 পিক্সেল।
কোন ফরম্যাট তৈরি হয়?
সব আকারের PNG ফাইল এবং একটি মাল্টি-সাইজ ICO ফাইল।
আমি কি .ico file তৈরি করতে পারি?
বর্তমানে টুলটি সব size-এ PNG file তৈরি করে। বেশিরভাগ আধুনিক browser PNG favicon গ্রহণ করে। legacy browser-এর জন্য একটি image converter দিয়ে PNG কে .ico-তে রূপান্তর করুন।
React বা Next.js app-এ generated favicon কীভাবে ব্যবহার করব?
PNG file গুলো public folder-এ রাখুন এবং আপনার document head বা app layout-এ HTML link tag যোগ করুন।
How do I add the favicons to my website?
Download the generated PNG files and place them in your website root or an assets folder. Then paste the provided HTML link tag snippet into the head section of your HTML file.
Why is my favicon not showing after adding the HTML snippet?
Browsers cache favicons aggressively. After updating your site, perform a hard reload (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac) or clear the browser cache to see the new favicon.
Can I generate a .ico file?
Currently the tool generates PNG files for all sizes. Most modern browsers accept PNG favicons. For .ico format, convert the 16x16 or 32x32 PNG using the Image Converter tool.
How do I use the generated favicons in a React or Next.js app?
Place the PNG files in your public folder and add the HTML link tags to your document head or app layout. Next.js has a built-in metadata API that accepts favicon paths directly.