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

লোগো বা যেকোনো স্কোয়ার ছবিকে ফেভিকনের পূর্ণ সেটে বদলান: মাল্টি-সাইজ favicon.ico, ব্রাউজার ও ফোনের PNG আইকন, ওয়েব ম্যানিফেস্ট এবং সাইটে বসানোর HTML। সবকিছু আপনার ব্রাউজারেই তৈরি হয়, তাই আপনার আর্টওয়ার্ক কখনও আপলোড হয় না।

এখানে ছবি টেনে এনে ছাড়ুন, অথবা ক্লিক করে ফাইল বেছে নিন

স্বচ্ছ ব্যাকগ্রাউন্ডের স্কোয়ার PNG সবচেয়ে ভালো কাজ করে। ফাইল আপনার ডিভাইসেই থাকে।

প্রিভিউ

আপনার পেজের head-এর জন্য HTML

প্রতিটি আইকন সাইজ রেন্ডার করা, favicon.ico তৈরি করা এবং ZIP প্যাক করা পুরোটাই আপনার ব্রাউজার করে। আপনার সোর্স ছবি কখনও কোনো সার্ভারে পাঠানো হয় না।

ফেভিকন যোগ করতে যা যা লাগে, সবই এখানে

ফেভিকন হলো ব্রাউজার ট্যাব, বুকমার্ক ও ফোনের হোম স্ক্রিনে দেখানো ছোট আইকন। ঠিকমতো বানাতে কয়েকটি সাইজ ও কয়েকটি ফরম্যাট লাগে, যা হাতে বানানো ঝামেলার। এই ফেভিকন জেনারেটর একটি ছবি থেকে পুরো সেট বানিয়ে দেয়: 16, 32 ও 48 পিক্সেলের ভার্সনসহ ক্লাসিক favicon.ico, আধুনিক ব্রাউজার এবং Apple ও Android ডিভাইসের জন্য আলাদা PNG, একটি ওয়েব ম্যানিফেস্ট এবং পেজের head-এ বসানোর হুবহু HTML লাইন।

ওয়েব ডেভেলপার, ব্লগার ও দোকানের মালিকদের জন্য এটি বানানো, যাঁরা ইমেজ এডিটরের ঝামেলা ছাড়া সব ব্রাউজার ও ডিভাইসে পরিষ্কার ও সঠিক ফেভিকন চান।

কীভাবে ফেভিকন বানাবেন

  1. ছবি আপলোড করুন। স্বচ্ছ ব্যাকগ্রাউন্ডের স্কোয়ার লোগো বা আইকন দিলে ফলাফল সবচেয়ে পরিষ্কার হয়।
  2. প্রিভিউ দেখুন। ট্যাবের ছোট 16 পিক্সেল থেকে 512 পিক্সেল পর্যন্ত প্রতিটি সাইজে ছবিটি কেমন দেখায় তা দেখুন।
  3. ডাউনলোড করুন। শুধু favicon.ico নিন, অথবা সব ফাইলসহ পূর্ণ ZIP প্যাকেজ নিন।
  4. HTML বসান। দেওয়া কোডটি আপনার সাইটের head-এ কপি করুন এবং ফাইলগুলো সাইটের রুটে আপলোড করুন।

আসল মাল্টি-সাইজ ICO

favicon.ico একটি সঠিক আইকন ফাইল, যার ভেতরে 16, 32 ও 48 পিক্সেলের ছবি একসঙ্গে থাকে, ফলে ব্রাউজার ট্যাব, বুকমার্ক ও অ্যাড্রেস বারের জন্য সবচেয়ে পরিষ্কার ভার্সনটি বেছে নিতে পারে।

ওয়েব ও মোবাইল আইকন

প্যাকেজে আছে আধুনিক ব্রাউজারের জন্য PNG আইকন, iPhone-এর জন্য 180 পিক্সেলের Apple touch icon এবং Android ও প্রোগ্রেসিভ ওয়েব অ্যাপের জন্য 192 ও 512 পিক্সেলের আইকন।

কপি-পেস্ট করার মতো HTML

সঙ্গে পাবেন একটি ম্যানিফেস্ট ফাইল এবং পেজের head-এ কপি করার মতো ছোট HTML ব্লক, ফলে সাইটে ফেভিকন বসানো শুধু পেস্ট ও আপলোডের কাজ।

কেন এই ফেভিকন জেনারেটর ব্যবহার করবেন

  • পূর্ণ সেট: ICO, PNG আইকন, ম্যানিফেস্ট ও HTML একবারে।
  • আসল মাল্টি-সাইজ ICO: favicon.ico-তে 16, 32 ও 48 পিক্সেল একসঙ্গে।
  • আপলোড লাগে না: আপনার লোগো ব্রাউজারেই প্রসেস হয় এবং প্রাইভেট থাকে।
  • ওয়াটারমার্ক নেই: আইকনে শুধু আপনার ছবিই থাকে, বাড়তি কিছু যোগ হয় না।
  • ফ্রি ও তাৎক্ষণিক: অ্যাকাউন্ট লাগে না, সার্ভারের জন্য অপেক্ষাও নেই।

জনপ্রিয় ফেভিকন সাইজ ও ব্যবহার

ফেভিকন বানানোর সবচেয়ে দ্রুত উপায় হলো লোগোর একটি স্কোয়ার PNG বা JPG দেওয়া এবং টুলকে সব সাইজ বানাতে দেওয়া। এর তৈরি favicon.ico একটি ফাইলে 16 বাই 16, 32 বাই 32 ও 48 বাই 48 ভার্সন রাখে, ব্রাউজার ট্যাব, বুকমার্ক ও অ্যাড্রেস বারের জন্য ঠিক এটিই দরকার। 16 বাই 16 হলো ব্রাউজার ট্যাবে দেখা সেই ছোট আইকন, আর 32 বাই 32 ব্যবহার হয় ধারালো ডিসপ্লে ও পিন করা শর্টকাটে। আপনি WordPress, Shopify বা সাধারণ HTML ওয়েবসাইট চালালে এই favicon.ico-ই সাইটের রুটে আপলোড করবেন এবং মানানসই লিংক ট্যাগ পেজের head-এ বসাবেন।

ফোন ও অ্যাপের জন্য পাবেন 180 বাই 180 Apple touch icon, যা কেউ আপনার সাইট হোম স্ক্রিনে যোগ করলে iPhone ও iPad ব্যবহার করে, সঙ্গে Android ও প্রোগ্রেসিভ ওয়েব অ্যাপের জন্য 192 বাই 192 ও 512 বাই 512 PNG এবং একটি ওয়েব ম্যানিফেস্ট। ছবিটি মাপে ঠিক করে মাঝখানে বসানো হয়, তাই চওড়া লোগো, অ্যাপ আইকন বা একটি অক্ষরের চিহ্নও পরিষ্কার আইকন সেটে বদলে ফেলতে পারবেন। 16 বাই 16-এ ছোট হয়ে গেলে স্বচ্ছ ব্যাকগ্রাউন্ডের সাধারণ একটি প্রতীক সবচেয়ে ভালো দেখায়।

সচরাচর জিজ্ঞাসা

একটি স্কোয়ার ছবি আপলোড করুন, প্রতিটি সাইজের প্রিভিউ দেখুন, তারপর favicon.ico বা পূর্ণ ZIP প্যাকেজ ডাউনলোড করুন এবং দেওয়া HTML পেজের head-এ বসান।

16, 32 ও 48 পিক্সেলসহ একটি favicon.ico, সঙ্গে 16 ও 32 পিক্সেলের PNG আইকন, Apple ডিভাইসের জন্য 180, এবং Android ও ওয়েব অ্যাপের জন্য 192 ও 512।

হ্যাঁ। ICO ফাইলটি আপনার ব্রাউজারেই তৈরি হয় এবং 16, 32 ও 48 পিক্সেলের ছবি একসঙ্গে রাখে, ফলে ব্রাউজার সবচেয়ে ধারালোটি বেছে নিতে পারে।

না। প্রতিটি সাইজ রেন্ডার করা এবং ফাইল প্যাকেজ করা পুরোটাই আপনার ব্রাউজারে হয়। আপনার সোর্স ছবি কখনও কোনো সার্ভারে পাঠানো হয় না।

স্কোয়ার ছবি সবচেয়ে ভালো, বিশেষ করে স্বচ্ছ ব্যাকগ্রাউন্ডের সাধারণ লোগো বা প্রতীক, যাতে 16 পিক্সেলেও পরিষ্কার দেখা যায়।

আইকন ফাইলগুলো আপনার ওয়েবসাইটের রুটে আপলোড করুন, তারপর HTML কোডটি পেজগুলোর head অংশে পেস্ট করুন।

না। আইকনে শুধু আপনার ছবিই থাকে। MyIMGs-এর কিছুই যোগ হয় না।

হ্যাঁ, এটি পুরোপুরি ফ্রি এবং অ্যাকাউন্ট লাগে না।

একটি স্কোয়ার PNG বা JPG টেনে আনুন, প্রিভিউ দেখুন, তারপর favicon.ico বা পূর্ণ ZIP প্যাকেজ ডাউনলোড করুন। ছবিটি মাপে ঠিক করে মাঝখানে বসানো হয়, তাই স্বচ্ছ ব্যাকগ্রাউন্ডের লোগো বা প্রতীক সবচেয়ে ভালো কাজ করে।

favicon.ico-তে 16 বাই 16, 32 বাই 32 ও 48 বাই 48 সাইজ থাকা উচিত, এই টুল সেগুলো একসঙ্গে প্যাক করে দেয়। ফোনের জন্য 180 বাই 180 Apple touch icon এবং Android ও ওয়েব অ্যাপের জন্য 192 বাই 192 ও 512 বাই 512 PNG-ও লাগে।

প্যাকেজ ডাউনলোড করুন, favicon.ico ও PNG ফাইলগুলো সাইটের রুটে আপলোড করুন, তারপর দেওয়া লিংক ট্যাগ পেজের head-এ পেস্ট করুন। WordPress, Shopify বা সাধারণ HTML, সব ক্ষেত্রেই সাইটের রুটের favicon.ico-ই ব্রাউজার ট্যাব আইকন হিসেবে নেয়।

favicon.ico একটি ফাইল, যাতে একসঙ্গে কয়েকটি সাইজ থাকে, এখানে 16 বাই 16, 32 বাই 32 ও 48 বাই 48, ফলে পুরোনো ও নতুন ব্রাউজার সবচেয়ে ধারালোটি বেছে নিতে পারে। আলাদা PNG আইকনগুলো আধুনিক ব্রাউজার এবং ফোনে Apple touch icon ও Android আইকন হিসেবে ব্যবহার হয়।

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