ফেভিকন জেনারেটর
একটি মাত্র PNG, JPG বা SVG ছবিকে favicon.ico এবং আপনার সাইটের জন্য প্রয়োজনীয় সব সাইজের আইকনে রূপান্তর করে ZIP ফাইল হিসেবে পান।
পুরো ছবিটি চারপাশে প্যাডিং সহ মাঝখানে দৃশ্যমান থাকবে।
ব্রাউজার ট্যাবের জন্য স্বচ্ছ (Transparent) ব্যাকগ্রাউন্ড ভালো; তবে আইফোনের হোম-স্ক্রিন আইকনের জন্য একটি ব্যাকগ্রাউন্ড কালার থাকা নিরাপদ।
আপনার ফেভিকন (Favicon) এবং আইকন প্যাক এখানে প্রদর্শিত হবে।
ফাইলগুলো আপনার সাইটের রুট ফোল্ডারে রাখুন, তারপর এই কোডগুলো প্রতিটি পেজে যোগ করুন।
আপনার ব্রাউজারেই ছবিটি আইকনে রূপান্তরিত হয়। BroBroGo-তে কোনো ছবি আপলোড করা হয় না।
জিজ্ঞাসিত প্রশ্নাবলী
আইকন প্যাকে কী কী ফাইল থাকে?
এর মধ্যে থাকবে ১৬, ৩২ এবং ৪৮ পিক্সেল সংস্করণের favicon.ico, ১৬, ৩২, ১৮০, ১৯২ এবং ৫১২ পিক্সেলের PNG আইকন এবং একটি site.webmanifest ফাইল যা বড় আইকনগুলোর তালিকা ধারণ করে। আপনি যদি SVG দিয়ে শুরু করেন, তবে ভেক্টর ফাইলটিও অন্তর্ভুক্ত থাকবে। একটি মাত্র ZIP ফাইলেই সবকিছু পেয়ে যাবেন।
আমার সোর্স ছবির সাইজ কত হওয়া উচিত?
একটি SVG ফাইল সবচেয়ে আদর্শ — প্রতিটি আইকন ভেক্টর থেকে তৈরি হয়, তাই ১৬ পিক্সেল সাইজেও এটি একদম শার্প থাকে। PNG বা JPG-এর ক্ষেত্রে অন্তত ৫১২ × ৫১২ সাইজ দিয়ে শুরু করুন; ছোট ছবিগুলোর সাইজ বাড়ালে সেগুলো কিছুটা ঝাপসা দেখাতে পারে।
ব্যাকগ্রাউন্ড কি স্বচ্ছ নাকি রঙিন হওয়া উচিত?
ব্রাউজার ট্যাবের আইকনগুলো স্বচ্ছ হলে দেখতে সুন্দর লাগে। তবে আইফোন এবং আইপ্যাডের হোম স্ক্রিনে স্বচ্ছ অংশগুলো কালো দেখায় — তাই ব্যবহারকারীরা যদি আপনার সাইটটি তাদের হোম স্ক্রিনে যোগ করতে পারেন, তবে একটি ব্যাকগ্রাউন্ড কালার বেছে নেওয়া ভালো।
ছবিটি বর্গাকার না হলে কী হবে?
আইকনগুলো বর্গাকার হয়, তবে আপনার ছবিকে কখনোই টেনে-হেঁচড়ে বিকৃত করা হবে না। ডিফল্টভাবে এটি চারপাশে প্যাডিং দিয়ে মাঝখানে বসানো হয়; লম্বা অংশগুলো কেটে বাদ দিতে চাইলে আপনি "ফিল করুন (ক্রপ)" অপশনটি বেছে নিতে পারেন।
ফাইলগুলো আমার সাইটের কোথায় রাখতে হবে?
ফাইলগুলো আপনার সাইটের রুট ফোল্ডারে আপলোড করুন, যাতে favicon.ico ফাইলটি /favicon.ico হিসেবে অ্যাক্সেস করা যায়। তারপর তৈরি হওয়া কোডগুলো আপনার পেজের <head> অংশে পেস্ট করুন। ব্রাউজারগুলো স্বয়ংক্রিয়ভাবে সঠিক সাইজটি বেছে নেবে।