গাইড
প্রতিটি আকার, বিন্যাস এবং প্ল্যাটফর্মের জন্য ধাপে ধাপে ফ্যাভিকন নির্দেশিকা — আপনার আইকন তৈরি এবং ইনস্টল করার জন্য বিনামূল্যের টুল সহ।
শুরু হচ্ছে
যেকোন সোর্স ইমেজ থেকে ফেভিকন তৈরি করুন, রূপান্তর করুন এবং প্রিভিউ করুন।
PNG কে ফেভিকনে রূপান্তর করুন
যেকোন PNGকে সেকেন্ডের মধ্যে বহু-আকারের favicon.ico-এ পরিণত করুন। বিনামূল্যে, ব্রাউজারে, সাইনআপ নেই, আপলোড নেই৷
পড়ুনকিভাবে একটি ফেভিকন তৈরি করবেন
এক মিনিটের মধ্যে যেকোনো ছবি থেকে একটি পেশাদার ফেভিকন তৈরি করুন। .ico, PNG, SVG, এবং apple-touch-icon কভার করে৷
পড়ুনস্বচ্ছ ফেভিকন জেনারেটর
একটি ফেভিকন তৈরি করুন যা একটি স্বচ্ছ পটভূমি সংরক্ষণ করে। ডার্ক মোডে এবং যেকোনো ব্রাউজার থিমে কাজ করে।
পড়ুনফেভিকন প্রিভিউ টুল
আপনি এটি পাঠানোর আগে প্রতিটি আকারে এবং প্রতিটি সাধারণ ব্রাউজার থিমে আপনার ফেভিকনের পূর্বরূপ দেখুন।
পড়ুনঅ্যাপ আইকন জেনারেটর
iOS, Android, Windows, এবং macOS-এর জন্য প্রয়োজনীয় প্রতিটি অ্যাপ আইকন সাইজ একটি একক উৎসের ছবি থেকে তৈরি করুন।
পড়ুন
ফেভিকনের মাপ
প্রতিটি স্ট্যান্ডার্ড রেজোলিউশন — 16×16 ট্যাব থেকে 512×512 PWA আইকন।
16×16 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 16×16 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুন32×32 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 32×32 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুন48×48 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 48×48 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুন64×64 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 64×64 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুন128×128 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 128×128 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুন256×256 ফেভিকন জেনারেটর
সেকেন্ডের মধ্যে একটি খাস্তা 256×256 ফেভিকন তৈরি করুন। বিনামূল্যে জেনারেটর, কোন সাইনআপ নেই, আপনার ব্রাউজারে সব প্রক্রিয়াকরণ.
পড়ুনফেভিকন আকার ব্যাখ্যা করা হয়েছে
16, 32, 48, 64, 128, 180, 192, এবং 512 px ফ্যাভিকন আকারগুলি বুঝুন: প্রতিটি কোথায় ব্যবহৃত হয় এবং কোনটি পাঠানো হবে৷
পড়ুন2026 সালে সেরা ফেভিকন সাইজ
আপনি আসলে কোন ফ্যাভিকন আকার তৈরি করা উচিত? 16, 32, 48, 180, 192 এবং 512 পিক্সের একটি ব্যবহারিক ব্রেকডাউন এবং যেখানে প্রতিটি ব্যবহার করা হয়েছে।
পড়ুন
বিন্যাস তুলনা
ICO বনাম PNG বনাম SVG — কখন প্রতিটি ব্যবহার করবেন এবং কীভাবে তাদের একত্রিত করবেন।
2026 সালের সেরা ফেভিকন ফর্ম্যাট
কোন ফেভিকন বিন্যাস আপনি শিপ করা উচিত? ব্রাউজার সমর্থন, ফাইলের আকার এবং ক্রিস্পনেসের জন্য ICO, PNG, এবং SVG তুলনা করুন।
পড়ুনফেভিকন (.ico) বনাম PNG
.ico এবং PNG ফ্যাভিকনগুলির একটি পাশাপাশি তুলনা: বহু-আকার সমর্থন, ফাইলের আকার, ব্রাউজার সামঞ্জস্য, এবং অন্ধকার-মোড আচরণ৷
পড়ুনফেভিকন (.ico) বনাম SVG
ব্রাউজার সাপোর্ট, ডার্ক-মোড হ্যান্ডলিং, ফাইল সাইজ এবং স্কেলেবিলিটির জন্য .ico এবং SVG ফ্যাভিকন তুলনা করুন।
পড়ুনICO বনাম PNG
আইকন, ফেভিকন এবং Windows শর্টকাটগুলির জন্য ICO এবং PNG ফর্ম্যাটের বিশদ তুলনা। কেস, ফাইলের আকার, সামঞ্জস্যতা ব্যবহার করুন।
পড়ুন
প্ল্যাটফর্ম এবং ফ্রেমওয়ার্ক
WordPress, Shopify, React, Next.js, এবং আরও অনেক কিছুতে একটি ফেভিকন যোগ করুন।
WordPress এর জন্য ফেভিকন
যেকোন WordPress সাইটে ফেভিকন যোগ করার জন্য ধাপে ধাপে নির্দেশিকা — কাস্টমাইজার, থিম বা প্লাগইনের মাধ্যমে। কোন কোডিং প্রয়োজন.
পড়ুনShopify এর জন্য ফেভিকন
মিনিটের মধ্যে আপনার Shopify স্টোরে একটি কাস্টম ফেভিকন যোগ করুন — থিম সম্পাদকের মাধ্যমে, কোনো বিকাশকারীর প্রয়োজন নেই৷
পড়ুনReact এর জন্য ফেভিকন
Vite দিয়ে তৈরি যেকোন React অ্যাপে একটি ফেভিকন যোগ করুন বা React অ্যাপ তৈরি করুন। মাল্টি-সাইজ এবং ডার্ক-মোড SVG সেটআপ অন্তর্ভুক্ত।
পড়ুনNext.js এর জন্য ফেভিকন
একটি Next.js 14+ অ্যাপ রাউটার প্রকল্পে একটি ফেভিকন যোগ করুন। নতুন ফাইল-ভিত্তিক আইকন কনভেনশন এবং মাল্টি-সাইজ সেটআপ অন্তর্ভুক্ত।
পড়ুনWebflow এর জন্য ফেভিকন
প্রকল্প সেটিংস থেকে যেকোনো Webflow সাইটে একটি ফেভিকন আপলোড করুন৷ আকার, বিন্যাস, এবং ক্যাশে-বাস্টিং টিপস।
পড়ুনWix এর জন্য ফেভিকন
ড্যাশবোর্ড থেকে আপনার Wix সাইটের ফেভিকন যোগ করুন বা পরিবর্তন করুন। Wix ওয়েবসাইটের জন্য প্রস্তাবিত আকার এবং বিন্যাস।
পড়ুন
HTML এবং PWA
লিঙ্ক ট্যাগ, apple-touch-icon, এবং ওয়েব অ্যাপ ম্যানিফেস্ট সেটআপ।
Apple টাচ আইকন গাইড
iPhone এবং iPad এর জন্য apple-touch-icon.png তৈরি করুন এবং লিঙ্ক করুন৷ আকার, বিন্যাস, HTML ট্যাগ, এবং ক্যাশিং ব্যাখ্যা করা হয়েছে৷
পড়ুনওয়েব অ্যাপ ম্যানিফেস্ট গাইড
192×192 এবং 512×512 আইকন, থিমের রঙ সহ একটি ওয়েব অ্যাপ ম্যানিফেস্ট লিখুন এবং Android এবং Chromium-এর জন্য মেটাডেটা ইনস্টল করুন৷
পড়ুনফেভিকন HTML জেনারেটর
প্রতিটি ব্রাউজার এবং প্ল্যাটফর্ম জুড়ে একটি নিখুঁত ফেভিকন সেটআপের জন্য আপনার <head>-এ ড্রপ করার জন্য সঠিক <link> ট্যাগগুলি তৈরি করুন৷
পড়ুনকিভাবে HTML এ একটি ফেভিকন যোগ করবেন
প্রতিটি ব্রাউজার জুড়ে একটি নিখুঁত ফ্যাভিকন সেটআপের জন্য আপনার <head>-এ ড্রপ করার জন্য সঠিক <link> ট্যাগগুলি, প্লাস PWA এবং apple-touch-icon৷
পড়ুন
Windows আইকন
শর্টকাট, এক্সপ্লোরার এবং ইনস্টলারদের জন্য মাল্টি-সাইজ .ico ফাইল।
ইমেজ ইউটিলিটি
আপনি আইকন পাঠানোর আগে চিত্রগুলিকে পুনরায় আকার দিন, অপ্টিমাইজ করুন এবং পরিদর্শন করুন৷
সোশ্যাল মিডিয়া আইকন রিসাইজার
Twitter/X, Facebook, Instagram, LinkedIn, YouTube, এবং আরও অনেক কিছুর জন্য আপনার লোগোকে সঠিক প্রোফাইল-পিকচার সাইজে রিসাইজ করুন।
পড়ুনচিত্র মাত্রা পরীক্ষক
যেকোনো ছবির মাত্রা, ডিপিআই, কালার প্রোফাইল এবং আকৃতির অনুপাত তাৎক্ষণিকভাবে পরীক্ষা করুন। আপলোড নেই — আপনার ব্রাউজারে চলে।
পড়ুনSVG অপ্টিমাইজার
আপনার ব্রাউজারে SVG ফাইলগুলি অপ্টিমাইজ করুন৷ সম্পাদকের মেটাডেটা সরান, অপ্রয়োজনীয় পাথগুলিকে সঙ্কুচিত করুন এবং আকার 80% পর্যন্ত কাটুন৷
পড়ুন