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

যেকোনো লোগো বা ছবিকে একটি সম্পূর্ণ ফ্যাভিকন সেটে পরিণত করুন: একটি মাল্টি-সাইজ favicon.ico, একটি apple-touch-icon, Android/ওয়েব অ্যাপ আইকন এবং পেস্ট করার জন্য প্রস্তুত একটি HTML স্নিপেট। বর্গাকার, গোলাকার কোণা বা বৃত্ত আকৃতি বাছুন, প্যাডিং বা একটি ব্যাকগ্রাউন্ড রঙ যোগ করুন, এবং পুরো প্যাকেজটি একটি ZIP হিসেবে ডাউনলোড করুন। সবকিছু আপনার ব্রাউজারে স্থানীয়ভাবে তৈরি হয় — আপনার ছবি কখনও আপলোড হয় না।

প্রাইভেসি-প্রথম: প্রতিটি ছবি আপনার ব্রাউজারে লোকালি প্রক্রিয়া করা হয়। কিছুই আপলোড, সংরক্ষণ বা কোনো সার্ভারে পাঠানো হয় না।

PixelVault-এর ফ্যাভিকন জেনারেটর কিছু আপলোড না করেই যেকোনো ছবিকে ওয়েবসাইট ও অ্যাপ আইকনের একটি সম্পূর্ণ সেটে পরিণত করে। বেশিরভাগ “favicon generator” সাইট একটিমাত্র আইকন ফেরত পাওয়ার আগেই আপনাকে আপনার লোগো তাদের সার্ভারে পাঠাতে বলে। এখানে প্রতিটি ফাইল — মাল্টি-রেজোলিউশন favicon.ico, PNG আইকন ও ম্যানিফেস্ট — সরাসরি আপনার ব্রাউজারের ভেতরেই তৈরি হয়, তাই আপনার ব্র্যান্ড আর্ট কখনও আপনার ডিভাইস ছাড়ে না।

একটি আধুনিক সাইটের একটির বেশি আইকন দরকার। ব্রাউজার অ্যাড্রেস বার ও ট্যাবের জন্য একটি ছোট favicon.ico পড়ে, iOS হোম স্ক্রিনের জন্য একটি 180×180 apple-touch-icon চায়, আর Android ও PWA একটি ওয়েব ম্যানিফেস্ট থেকে রেফারেন্স করা 192 ও 512px PNG ব্যবহার করে। PixelVault একটি একক সোর্স ছবি থেকে সেগুলো সব একসাথে বানায় এবং পেস্ট করার জন্য প্রস্তুত একটি HTML স্নিপেট দেয়, যাতে সেগুলো যুক্ত করতে কয়েক সেকেন্ড লাগে।

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

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

আপনি একটি ছবি যোগ করলে ব্রাউজার সেটি মেমরিতে ডিকোড করে এবং PixelVault আপনার বেছে নেওয়া আকৃতি মাস্ক, প্যাডিং ও ব্যাকগ্রাউন্ড প্রয়োগ করে প্রতিটি আইকন আকারে বর্গাকার ক্যানভাসে সেটি পুনরায় আঁকে। প্রতিটি ক্যানভাস ব্রাউজারের অন্তর্নির্মিত এনকোডার দিয়ে PNG-তে এনকোড করা হয়, এবং 16, 32 ও 48px PNG-গুলো একটি একক favicon.ico-তে মোড়া হয় (বহুল সমর্থিত PNG-in-ICO কনটেইনার)। SVG লোগো প্রথমে স্থানীয়ভাবে উচ্চ রেজোলিউশনে র‍্যাস্টারাইজ করা হয়, যাতে আইকনগুলো ঝকঝকে থাকে।

লোকাল প্রক্রিয়াকরণ কেন গুরুত্বপূর্ণ

স্থানীয়ভাবে আইকন তৈরি করার অর্থ আপনার লোগো — প্রায়ই অপ্রকাশিত ব্র্যান্ডিং — কখনও কোনো তৃতীয়-পক্ষ পরিষেবা দ্বারা প্রেরিত, সংরক্ষিত বা লগ করা হয় না। এটি তাৎক্ষণিকও: কোনো আপলোড নেই, কোনো সারি নেই, কোনো ডাউনলোডের যাওয়া-আসা নেই, আর পৃষ্ঠাটি একবার লোড হলে এটি অফলাইনেও কাজ করে। আপনি যা ডাউনলোড করেন তা হুবহু আপনার ব্রাউজার যা তৈরি করেছে, তাতে কিছুই যোগ করা হয় না।

সমর্থিত ফরম্যাট

  • ICO — ট্যাব ও অ্যাড্রেস বারের জন্য মাল্টি-রেজোলিউশন favicon.ico (16/32/48px)।
  • PNG — Apple-touch-icon (180px) এবং Android/PWA আইকন (192 ও 512px)।
  • SVG — শুধু ইনপুট — ঝকঝকে আইকনের জন্য ভেক্টর লোগো স্থানীয়ভাবে র‍্যাস্টারাইজ করা হয়।
  • JPG / WebP — PNG-এর পাশাপাশি সোর্স ছবি হিসেবে গৃহীত।

সাধারণ ব্যবহার

  • একটি নতুন ওয়েবসাইট বা ল্যান্ডিং পেজের জন্য একটি favicon.ico ও অ্যাপ আইকন তৈরি করুন।
  • একটি PNG বা SVG লোগোকে একটি যথাযথ মাল্টি-সাইজ ICO ফাইলে রূপান্তর করুন।
  • একটি PWA-এর জন্য একটি apple-touch-icon ও ওয়েব-ম্যানিফেস্ট আইকন তৈরি করুন।
  • লোগো কোনো অনলাইন পরিষেবার হাতে না দিয়েই একটি ব্র্যান্ডের ফ্যাভিকন সেট নতুন করে বানান।

প্রায়শই জিজ্ঞাসিত প্রশ্ন

ফ্যাভিকন বানাতে আমার ছবি কি আপলোড হয়?
না। 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 বেশিরভাগ ব্রাউজার স্বয়ংক্রিয়ভাবে খুঁজে নেয়।