ডিজাইন

Favicon জেনারেটর

যেকোনো ছবি বা অক্ষর → সম্পূর্ণ ফেভিকন প্যাক।

একটি সম্পূর্ণ ফ্যাভিকন প্যাক তৈরি করুন

একটি লোগো আপলোড করুন বা একটি অক্ষর/ইমোজি টাইপ করুন, একটি ব্যাকগ্রাউন্ড শেপ ও রঙ নির্বাচন করুন, এবং একটি ZIP ডাউনলোড করুন যাতে favicon.ico, সব PNG সাইজ (16 → 512), Apple টাচ আইকন, একটি প্রস্তুত site.webmanifest এবং HTML ট্যাগ রয়েছে — সবকিছু আপনার ব্রাউজারে স্থানীয়ভাবে রেন্ডার করা হয়।

ফ্যাভিকন জেনারেটর একটি উৎস — লোগো, ছবি, বা একটি গাঢ় অক্ষর বা ইমোজি — থেকে আধুনিক ওয়েবসাইটের প্রয়োজনীয় সম্পূর্ণ আইকন প্যাক তৈরি করে: লিগ্যাসি ব্রাউজার এবং অ্যাড্রেস বারের জন্য favicon.ico, 16 থেকে 512 পিক্সেলের PNG, iOS হোম স্ক্রিনের জন্য 180px অ্যাপল টাচ আইকন, অ্যান্ড্রয়েড ক্রোম আইকন, একটি ব্যবহারের জন্য প্রস্তুত site.webmanifest, এবং আপনার <head>-এ পেস্ট করার জন্য সঠিক HTML ট্যাগ। এক ক্লিক, এক জিপ, শেষ।

লাইভ প্রিভিউ আপনার আইকনটি প্রকৃত সাইজে দেখায় — একটি মক ব্রাউজার ট্যাব সহ — কারণ ফেভিকনের কঠিন সত্য হল যে সেগুলিকে 16×16 পিক্সেলে টিকে থাকতে হয়। লেটার মোড ঠিক সেই কারণে বিদ্যমান: একটি রঙিন গোলাকার বর্গক্ষেত্রে একটি বোল্ড ইনিশিয়াল হলো একটি ট্যাবে রাখা সবচেয়ে পঠনযোগ্য জিনিস। সবকিছু আপনার ব্রাউজারে লোকালি রেন্ডার এবং জিপ করা হয়; আপনার আর্টওয়ার্ক কখনও আপনার ডিভাইস ছেড়ে যায় না।

প্রশ্নোত্তর (FAQ)

2026 সালে একটি ওয়েবসাইটের আসলে কী কী ফাইল প্রয়োজন?

একটি favicon.ico (16/32/48 এক ফাইলে), favicon PNGs 16/32/48 এ, 180px এ একটি apple-touch-icon.png, 192 এবং 512 এ Android Chrome আইকন, এবং একটি site.webmanifest যা সেগুলিকে নির্দেশ করে। জিপ-এ ঠিক এটিই রয়েছে, পাশাপাশি HTML ট্যাগ।

ফাইলগুলি কোথায় রাখব?

আপনার ওয়েবসাইটের রুটে সবকিছু আপলোড করুন (যাতে /favicon.ico কাজ করে), তারপর প্রদত্ত ট্যাগগুলি আপনার পৃষ্ঠাগুলির <head> এ পেস্ট করুন। ZIP-এর html-snippet.txt-এ সেগুলি প্রস্তুত আছে।

কেন আমার সুন্দর লোগোটি 16px এ নয়েজের মতো দেখায়?

মোট এলাকার 256 পিক্সেলে বিস্তারিত টিকে না। প্যাডিং বাড়ান, অথবা অক্ষর মোডে স্যুইচ করুন — একটি কঠিন পটভূমিতে একটি একক বোল্ড অক্ষর পঠনযোগ্য থাকে যেখানে একটি সম্পূর্ণ লোগো পারে না।

ICO ফাইল কী এবং কেন এটি তিনটি আকার ধারণ করে?

ICO একটি কন্টেইনার ফরম্যাট: ব্রাউজারগুলি এর ভিতর থেকে সবচেয়ে উপযুক্ত সাইজ নির্বাচন করে (ট্যাবের জন্য 16, টাস্কবারের জন্য 32, শর্টকাটের জন্য 48)। জেনারেটরটি তিনটিকেই স্বচ্ছতা সহ পূর্ণ রঙের ছবি হিসাবে এম্বেড করে।

স্বচ্ছ ব্যাকগ্রাউন্ড কি টিকে থাকে?

হ্যাঁ — 'ট্রান্সপারেন্ট' আকৃতি বেছে নিন যাতে আপনার উৎসের আলফা চ্যানেল প্রতিটি PNG এবং ICO-তে থাকে। আকারযুক্ত ব্যাকগ্রাউন্ড (বর্গাকার/গোলাকার/বৃত্ত) এমন উৎসগুলির জন্য বিদ্যমান যেগুলির একটি কঠিন পটভূমি প্রয়োজন।

Apple টাচ আইকন কীসের জন্য?

যখন কেউ আপনার সাইটটি তাদের iOS হোম স্ক্রিনে যোগ করে, সেই 180×180 ইমেজটি অ্যাপ আইকন হয়ে যায়। iOS নিজেই কোণগুলি গোল করে, তাই একটি ফুল-ব্লিড স্কোয়ার ডিজাইন সেখানে সবচেয়ে ভালো কাজ করে।

আমি কি আমার ফেভিকন হিসাবে একটি ইমোজি ব্যবহার করতে পারি?

হ্যাঁ — লেটার মোডে স্যুইচ করুন এবং যেকোনো ইমোজি টাইপ করুন। এটি আপনার নির্বাচিত আকৃতি এবং রঙের উপর আপনার সিস্টেমের ইমোজি ফন্ট দিয়ে রেন্ডার করে। এটি ব্যক্তিগত সাইটের জন্য একটি বৈধ, স্মরণীয় বিকল্প।

আমার লোগো আপলোড হয়?

না. রেন্ডারিং, ICO এনকোডিং এবং জিপ প্যাকিং সব আপনার ব্রাউজারের ভিতরে ঘটে — একবার লোড হওয়ার পর টুলটি অফলাইনে কাজ করে।