ToolsMaxxing

ফেভিকন জেনারেটর

একটি ছবি থেকে favicon.ico এবং দরকারি সব PNG মাপ বানান।

অথবা ছবি এখানে টেনে এনে ছাড়ুন

একটি PNG, JPG, WebP বা GIF ছবি (চৌকো লোগো সবচেয়ে ভালো)

আপনার ফাইল আপনার ডিভাইসেই থাকে

  1. 1ফাইল যোগ করুন
  2. 2ঠিক করুন
  3. 3ডাউনলোড

কীভাবে কাজ করে

  1. 1একটি চৌকো লোগো বা ছবি দিন। 512 বাই 512 পিক্সেল বা বড় হলে সবচেয়ে ভালো ফল আসে।
  2. 2চৌকো না হলে ছবি ভেতরে বসবে নাকি কেটে নেবে, আর ব্যাকগ্রাউন্ড কী হবে তা বাছুন।
  3. 3“ফেভিকন সেট বানান” চাপুন।
  4. 4ZIP ডাউনলোড করে ফাইলগুলো সাইটের রুটে রাখুন এবং favicon-html.txt-এর HTML আপনার head-এ বসান।

অপশনগুলো কী করে

ভেতরে বসান
পুরো ছবি রাখে এবং ছোট দিকে ফাঁকা জায়গা যোগ করে।
কেটে ভরান
চৌকো ভরে দেয় এবং চওড়া বা লম্বা ছবির কিনারা কেটে ফেলে।
ব্যাকগ্রাউন্ড
“স্বচ্ছ” স্বচ্ছতা রাখে। সাদা বা কালো ব্যাকগ্রাউন্ড ভরে দেয়। Apple touch icon সবসময় নিরেট ব্যাকগ্রাউন্ড পায়।

গোপনীয়তা

আপনার ছবি আপনার ব্রাউজারেই ছোট বড় করা হয় এবং কখনো আপলোড হয় না।

সবাই যা জানতে চান

কোন কোন ফাইল পাব?

16, 32 ও 48 px ছবিসহ favicon.ico, আলাদা 16, 32 ও 48 px PNG, একটি 180 px apple-touch-icon.png, Android-এর জন্য 192 ও 512 px আইকন, একটি site.webmanifest ফাইল এবং HTML ট্যাগসহ একটি টেক্সট ফাইল।

এখনো কি favicon.ico লাগে?

অনেক ব্রাউজার PNG আইকন পড়ে, কিন্তু কিছু ক্রলার, ফিড রিডার ও পুরনো টুল এখনো /favicon.ico চায়, তাই রাখা ভালো।

আমার ফেভিকন ছোট আর অস্পষ্ট কেন?

16 পিক্সেলে বিস্তারিত হারিয়ে যায়। সাদামাটা ব্যাকগ্রাউন্ডে একটি সহজ আকৃতি বা একটি অক্ষর ব্যবহার করুন, আর সরু রেখা বা ছোট লেখা এড়ান।

আমার ব্রাউজার এখনো পুরনো আইকন দেখায় কেন?

ব্রাউজার ফেভিকন অনেকদিন ক্যাশ করে রাখে। হার্ড রিফ্রেশ করুন, অথবা লিংকে /favicon.ico?v=2-এর মতো ভার্সন যোগ করুন।

SVG কি আপলোড করা যায়?

এই সংস্করণে নয়। আগে আপনার SVG বড় PNG হিসেবে এক্সপোর্ট করুন। আধুনিক সাইট এই ফাইলগুলোর পাশে SVG আইকনের লিংকও যোগ করতে পারে।

সম্পর্কিত টুল