গাইড

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

একটি ফেভিকন তৈরি করা একটি 60-সেকেন্ডের কাজ: একটি স্কোয়ার থেকে শুরু করুন, একটি মাল্টি-সাইজ .ico তৈরি করুন এবং এটিকে আপনার HTML <head>-এ লিঙ্ক করুন৷ এই নির্দেশিকা প্রতিটি পদক্ষেপের মধ্য দিয়ে হাঁটা.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

আপনার সোর্স ইমেজ বর্গাকার এবং কমপক্ষে 512×512 হওয়া উচিত। SVG আরও ভাল — এটি গুণমানের ক্ষতি ছাড়াই স্কেল করে।

ন্যূনতম কার্যকর সেটআপ হল একটি একক মাল্টি-আকার favicon.ico। আধুনিক সেটআপগুলিতে PWA ইনস্টল প্রম্পটের জন্য একটি SVG, একটি 180×180 apple-touch-icon, এবং একটি 192×192 + 512×512 PNG জোড়া অন্তর্ভুক্ত রয়েছে।

এটি কিভাবে কাজ করে

  1. 1

    একটি বর্গাকার উৎস প্রস্তুত করুন

    512×512 PNG বা একটি SVG একটি বর্গক্ষেত্র viewBox সহ।

  2. 2

    তৈরি করুন

    একটি একক .ico তে সমস্ত আকার বান্ডিল করতে আমাদের ফেভিকন জেনারেটর ব্যবহার করুন৷

  3. 3

    ইনস্টল করুন

    আপনার সাইট রুটে favicon.ico ড্রপ করুন এবং <head> এ লিঙ্ক করুন।

এখনই চেষ্টা করুন

এখন আপনার ফেভিকন তৈরি করুন

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

সাধারণ প্রশ্ন

একটি ফেভিকন তৈরি করার সবচেয়ে সহজ টুল কি?+

আমাদের ফেভিকন জেনারেটর — আপলোড করুন, জেনারেট ক্লিক করুন, ডাউনলোড করুন। কোনো সাইনআপ নেই, কোনো সার্ভারে আপলোড নেই৷

আমার উৎস ইমেজ কি আকার হওয়া উচিত?+

512×512 সর্বনিম্ন। SVG আদর্শ।

আমার কি একটি apple-touch-icon দরকার?+

হ্যাঁ, আপনি যদি iOS-এ একটি পরিষ্কার হোম-স্ক্রীন আইকন চান। 180×180 PNG, <link rel="apple-touch-icon"> এর মাধ্যমে লিঙ্ক করা হয়েছে৷

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

আরও গাইড

গাইড