বিনামূল্যে কনভার্টার

ছবি থেকে ফেভিকন জেনারেটর

যেকোনো ছবি থেকে একাধিক আকারে (16x16 থেকে 512x512) ফেভিকন ফাইল তৈরি করুন। বিনামূল্যে এবং সম্পূর্ণ ব্রাউজারে চলে।

এখানে ছবি টেনে ড্রপ করুন

PNG, JPG, SVG, WebP সমর্থিত। সর্বোচ্চ 10MB।

অথবা

এই টুল সম্পর্কে

একটি ফেভিকন হল ছোট আইকন যা ব্রাউজার ট্যাব, বুকমার্ক এবং ইতিহাসের তালিকায় প্রদর্শিত হয়। আসল ফ্যাভিকন — /favicon.ico-এ একটি 16×16 ICO ফাইল — বিভিন্ন প্ল্যাটফর্মের জন্য বিভিন্ন আকারের আইকনগুলির একটি জটিল সেটে প্রসারিত হয়েছে: ব্রাউজার ট্যাবের জন্য 16×16 এবং 32×32, iOS হোম স্ক্রিনের জন্য 180×180, 192×192 এবং 512×192 এবং Android এর জন্য বিভিন্ন tii এবং 512 এর জন্য। একটি একক উত্স ইমেজ থেকে এই সব উত্পাদন একটি আধুনিক ফেভিকন জেনারেটর কি করে.

এই টুলটি একটি একক উচ্চ-রেজোলিউশন সোর্স ইমেজ (সাধারণত একটি বর্গাকার লোগো) নেয় এবং ফ্যাভিকন সম্পদের সম্পূর্ণ সেট এবং তাদের উল্লেখ করার জন্য প্রয়োজনীয় HTML লিঙ্ক ট্যাগ তৈরি করে। আউটপুটে ICO, একাধিক PNG, এবং প্রগতিশীল ওয়েব অ্যাপ মেটাডেটার জন্য একটি manifest.json অন্তর্ভুক্ত। ফলস্বরূপ ফাইলগুলিকে আপনার সাইটের মূলে ড্রপ করুন এবং জেনারেট করা HTML এর মাধ্যমে তাদের উল্লেখ করুন।

সমস্ত প্রক্রিয়াকরণ আপনার ব্রাউজারে ঘটে। কোনো আপলোড নেই, কোনো API কল নেই, কোনো হারের সীমা নেই। আউটপুট প্রতিটি আধুনিক ব্রাউজার এবং অপারেটিং সিস্টেমে কাজ করে যা ফেভিকন প্রদর্শন করে।

কেন একটি ফেভিকন তৈরি

ফেভিকন ছাড়া সাইট অসমাপ্ত দেখায়। ব্রাউজার ট্যাব একটি জেনেরিক আইকন দেখায়; বুকমার্কের কোন ভিজ্যুয়াল শনাক্তকারী নেই; সাইটটি কম পেশাদার দেখায়। একটি সঠিক ফেভিকন সেট যোগ করা একটি কম-প্রচেষ্টা উচ্চ-প্রভাব পোলিশ পদক্ষেপ যা বিশদে মনোযোগের সংকেত দেয়।

আধুনিক ফেভিকন প্রয়োজনীয়তা /favicon.ico এর বাইরে বেড়েছে। iOS হোম স্ক্রীন আইকন, অ্যান্ড্রয়েড ক্রোম আইকন, উইন্ডোজ টাইল আইকন এবং ডার্ক মোড ভেরিয়েন্টগুলি বিভিন্ন ফাইল ব্যবহার করে। একটি উত্স থেকে সেগুলি তৈরি করা প্রতিটি ফাইল হাতে না নিয়ে সামঞ্জস্যপূর্ণ ব্র্যান্ডিং নিশ্চিত করে৷

কিভাবে ব্যবহার করবেন

সোর্স ইমেজ আপলোড করুন, সম্পূর্ণ ফেভিকন সেট পান।

  1. সোর্স ইমেজ আপলোড করুন: কমপক্ষে 512×512 পিক্সেলের একটি বর্গাকার ছবি ব্যবহার করুন। PNG পছন্দের (স্বচ্ছতা সমর্থন); SVG এছাড়াও গৃহীত হয়. উচ্চ-রেজোলিউশন উত্সগুলি আরও তীক্ষ্ণ ছোট আইকন তৈরি করে।
  2. প্ল্যাটফর্ম বিকল্পগুলি কনফিগার করুন: প্রয়োজন অনুযায়ী iOS, Android, Windows এবং PWA আউটপুট সক্ষম করুন। ডিফল্ট সেটিংস স্ট্যান্ডার্ড সেট তৈরি করে যা বেশিরভাগ সাইটের প্রয়োজন হয়।
  3. রঙ এবং থিম কাস্টমাইজ করুন: উইন্ডোজ টাইলস এবং পিডব্লিউএ স্প্ল্যাশ স্ক্রীনের জন্য থিমের রং বেছে নিন। আপনার ব্র্যান্ড পরিচয় মেলে.
  4. ডাউনলোড করুন এবং স্থাপন করুন: উত্পন্ন জিপ সংরক্ষণ করুন. আপনার সাইটের মূলে ফাইল রাখুন এবং আপনার <head> এ জেনারেট করা HTML লিঙ্ক ট্যাগ যোগ করুন। HTML সঠিক আকারে প্রতিটি আইকন উল্লেখ করে।

সাধারণ ব্যবহারের ক্ষেত্রে

প্রযুক্তিগত বিবরণ

সম্পূর্ণ আধুনিক ফেভিকন সেট: favicon.ico (16+32+48 মাল্টি-রেজোলিউশন), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-12png, 52png mstile-150x150.png. প্লাস PWA এর জন্য site.webmanifest, Windows এর জন্য browserconfig.xml।

প্রতিটি PNG উৎস থেকে ক্যানভাস-ভিত্তিক ডাউনস্যাম্পলিং দ্বারা তৈরি করা হয়। ICO জাভাস্ক্রিপ্টে 16/32/48 সংস্করণগুলিকে ডাটাভিউ রাইট ব্যবহার করে মাল্টি-রেজোলিউশন ICO ফর্ম্যাটে একত্রিত করে তৈরি করা হয়েছে।

এইচটিএমএল লিঙ্ক ট্যাগ প্রতিটি ফাইলকে উপযুক্ত rel এবং আকারের বৈশিষ্ট্য সহ উল্লেখ করে। জেনারেটর আপনার সাইটের <head>-এর জন্য কপি-পেস্ট-রেডি স্নিপেট হিসাবে এগুলি তৈরি করে।

সর্বোত্তম অনুশীলন

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী

আমি কি চিত্র বিন্যাস আপলোড করা উচিত?
একটি স্বচ্ছ ব্যাকগ্রাউন্ড সহ PNG সবচেয়ে ভালো কাজ করে। কমপক্ষে 512x512 পিক্সেলের একটি বর্গাকার ছবি ব্যবহার করুন যাতে টুলটি গুণমানের ক্ষতি ছাড়াই স্কেল করতে পারে। SVG এছাড়াও ভাল কাজ করে যেহেতু এটি যে কোনও আকারে স্কেল করে।
কি মাপ এই উৎপন্ন করে?
16x16 (ব্রাউজার ট্যাব), 32x32 (ব্রাউজার ট্যাব @2x), 48x48 (উইন্ডোজ টাস্কবার), 180x180 (অ্যাপল টাচ আইকন), 192x192 (Android হোম স্ক্রীন), 512x512 (PWA স্প্ল্যাশ স্ক্রিন)। ICO ফাইলটিতে 16, 32, এবং 48px আকার রয়েছে।
আমি ফেভিকন ফাইল কোথায় রাখব?
আপনার ওয়েবসাইট রুট ডিরেক্টরিতে favicon.ico রাখুন। অন্যান্য PNG আকারগুলি আপনার সর্বজনীন ফোল্ডারে বা যেকোনো অ্যাক্সেসযোগ্য পাথে যায়৷ প্রতিটি ফাইলের অবস্থান নির্দেশ করে আপনার <head> বিভাগে HTML লিঙ্ক ট্যাগ যোগ করুন।
ব্রাউজারে আমার ফেভিকন আপডেট হয় না কেন?
ব্রাউজাররা আক্রমনাত্মকভাবে ফেভিকন ক্যাশে করে। আপনার ব্রাউজার ক্যাশে সাফ করুন, একটি ছদ্মবেশী উইন্ডোতে খোলার চেষ্টা করুন, বা জোর করে রিফ্রেশ করতে ফ্যাভিকন URL-এ একটি সংস্করণ ক্যোয়ারী স্ট্রিং (?v=2) যোগ করুন৷
কেন আমার ফেভিকন আপডেট হয় না?
ব্রাউজারগুলি আক্রমনাত্মকভাবে ফেভিকন ক্যাশে করে, কখনও কখনও কয়েকদিন ধরে। ক্যাশে সাফ করে, আইকন ইউআরএল সরাসরি খুলে, অথবা লিঙ্ক ট্যাগে একটি সংস্করণ ক্যোয়ারী প্যারামিটার যোগ করে রিফ্রেশ করুন।
আমার ছবি একটি সার্ভারে আপলোড করা হয়?
না। আপনার ব্রাউজারে জেনারেশন হয়।
আমার কি SVG বা PNG ব্যবহার করা উচিত?
উৎসের জন্য SVG (রেজোলিউশন-স্বাধীন)। জেনারেটর নির্দিষ্ট আকারে PNGs আউটপুট করে; আধুনিক ব্রাউজারগুলি লিঙ্ক rel=icon type=image/svg+xml এর মাধ্যমে SVG ফ্যাভিকনগুলিকে সমর্থন করে।
site.webmanifest কি?
আইকন, রঙ এবং অন্যান্য মেটাডেটা বর্ণনা করে প্রগতিশীল ওয়েব অ্যাপের জন্য একটি JSON ম্যানিফেস্ট। ইনস্টলযোগ্য ওয়েব অ্যাপের জন্য প্রয়োজনীয়; এমনকি স্ট্যান্ডার্ড সাইটগুলিতে অন্তর্ভুক্ত করা নিরীহ।