গাইড

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

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

ধাপে ধাপে টিউটোরিয়াল চান? কিভাবে একটি ফেভিকন তৈরি করবেন

আপনার সোর্স ইমেজ বর্গাকার এবং কমপক্ষে 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"> এর মাধ্যমে লিঙ্ক করা হয়েছে৷

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

সম্পর্কিত টিউটোরিয়াল

টিউটোরিয়াল

আরও গাইড

গাইড

FetchFavicon এক্সপ্লোর করুন

ক্যাটাগরি

রূপান্তরকারী

ইউটিলিটিস

গাইড

টিউটোরিয়াল