ফ্যাভিকন জেনারেটর
একটি মাত্র ছবি থেকে একটি সম্পূর্ণ ফ্যাভিকন সেট তৈরি করুন — favicon.ico, apple-touch-icon, Android/PWA আইকন এবং HTML স্নিপেট — পুরোটাই আপনার ব্রাউজারে। কিছুই আপলোড হয় না।
প্রাইভেসি-প্রথম: প্রতিটি ছবি আপনার ব্রাউজারে লোকালি প্রক্রিয়া করা হয়। কিছুই আপলোড, সংরক্ষণ বা কোনো সার্ভারে পাঠানো হয় না।
আধুনিক সাইটের দরকারি প্রতিটি আইকন, একসঙ্গে
ফ্যাভিকন আর একটি ফাইল নয়। ব্রাউজার ট্যাব ও অ্যাড্রেস বারের জন্য একটি ছোট favicon.ico পড়ে, iOS হোম স্ক্রিনের জন্য একটি 180×180 apple-touch-icon চায়, আর Android ও ইনস্টলযোগ্য ওয়েব অ্যাপ একটি ওয়েব ম্যানিফেস্ট থেকে 192 ও 512px PNG টেনে নেয়। এই জেনারেটর একটি সোর্স ছবি থেকে সবগুলোই বানায় এবং পেস্ট করার জন্য প্রস্তুত একটি HTML স্নিপেট দেয়, তাই আপনাকে হাতে ছয়টি আকার এক্সপোর্ট করতে হয় না।
যেভাবে চান সেভাবে ফ্রেম করা, ব্যক্তিগত রাখা
আইকনটি স্কয়ার রাখুন, কোণা গোল করুন, বা বৃত্তাকারে ক্রপ করুন; লোগো যেন প্রান্তে ঠেসে না থাকে সেজন্য প্যাডিং যোগ করুন; আর একটি স্বচ্ছ বা নিরেট পটভূমি বেছে নিন। একটি লাইভ প্রিভিউ ফলাফলটি আসল ফ্যাভিকন আকারে দেখায়, একটি নকল ব্রাউজার ট্যাব সহ। প্রতিটি ফাইল আপনার ডিভাইসেই তৈরি হয় বলে আপনার লোগো — প্রায়ই অপ্রকাশিত ব্র্যান্ডিং — কখনো কোনো সার্ভারে পাঠানো হয় না।
প্রায়শই জিজ্ঞাসিত প্রশ্ন
- ফ্যাভিকন বানাতে আমার ছবি কি আপলোড হয়?
- না। favicon.ico, PNG আইকন ও ম্যানিফেস্ট সবই Canvas API ব্যবহার করে আপনার ব্রাউজারে স্থানীয়ভাবে তৈরি হয়। আপনার ছবি কখনও আপনার ডিভাইস ছাড়ে না।
- আমি কোন কোন আকার ও ফাইল পাব?
- একটি মাল্টি-রেজোলিউশন favicon.ico (16, 32 ও 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ও 512px-এ PNG আইকন, একটি site.webmanifest, এবং আপনার <head>-এ পেস্ট করার জন্য একটি HTML স্নিপেট।
- আমি কি একটি PNG বা SVG-কে ICO-তে রূপান্তর করতে পারি?
- হ্যাঁ। একটি PNG, JPG, SVG বা WebP ছেড়ে দিন এবং একটি সত্যিকারের favicon.ico ডাউনলোড করুন। SVG লোগো প্রথমে স্থানীয়ভাবে উচ্চ রেজোলিউশনে র্যাস্টারাইজ করা হয়।
- কোন ছবি সবচেয়ে ভালো কাজ করে?
- সরল ও উচ্চ-কনট্রাস্ট লোগোযুক্ত একটি বর্গাকার ছবি। বর্গাকার নয় এমন ছবি ফিট করাতে কেন্দ্র থেকে ক্রপ করা হয়; আপনার পছন্দমতো ফ্রেম করতে প্যাডিং ও আকৃতি নিয়ন্ত্রণ ব্যবহার করুন।
- আমি কীভাবে ফ্যাভিকনটি ইনস্টল করব?
- প্যাকেজটি আপনার সাইটের রুট ফোল্ডারে আনজিপ করুন এবং দেওয়া HTML স্নিপেটটি আপনার পৃষ্ঠাগুলোর <head>-এ পেস্ট করুন। favicon.ico বেশিরভাগ ব্রাউজার স্বয়ংক্রিয়ভাবে খুঁজে নেয়।