Next.js এর জন্য ফেভিকন
Next.js 14+ অ্যাপ রাউটার /app/icon.png এবং /app/favicon.ico কে নিয়ম হিসাবে বিবেচনা করে — সেগুলিকে ড্রপ করুন এবং পরবর্তী স্বয়ংক্রিয়ভাবে সঠিক ট্যাগ নির্গত করে৷
/app এর ভিতরে favicon.ico রাখুন এবং পরবর্তী এটিকে /favicon.ico এ পরিবেশন করবে এবং লিঙ্ক ট্যাগটি ইনজেক্ট করবে।
মাল্টি-সাইজ বা থিমযুক্ত আইকনের জন্য, ফাইল কনভেনশনগুলি ব্যবহার করুন: icon.png, icon.svg, apple-icon.png /app এর ভিতরে। পরবর্তী ফাইল মেটাডেটা থেকে <link> ট্যাগ তৈরি করে।
এটি কিভাবে কাজ করে
- 1
favicon.ico জেনারেট করুন
একটি 512×512 উৎস থেকে মাল্টি-সাইজ 16/32/48/64।
- 2
/অ্যাপে রাখুন
/app/favicon.ico স্বয়ংক্রিয়ভাবে পরিবেশিত হয়৷ HD এর জন্য icon.png যোগ করুন।
- 3
যাচাই করুন
আপনার ব্রাউজারে /favicon.ico খুলুন — পরবর্তী এটি কোন কনফিগার ছাড়াই পরিবেশন করে।
এখনই চেষ্টা করুন
একটি Next.js-প্রস্তুত ফেভিকন তৈরি করুন৷
ফেভিকন জেনারেটরসাধারণ প্রশ্ন
Next.js অ্যাপ রাউটারে আইকনগুলি কোথায় যায়?+
/অ্যাপ ডিরেক্টরির ভিতরে। ফাইলের নাম (আইকন, অ্যাপল-আইকন, ফেভিকন) ভূমিকা নির্ধারণ করে।
পেজ রাউটার সম্পর্কে কি?+
favicon.ico কে /public-এ ড্রপ করুন এবং _document.tsx থেকে লিঙ্ক করুন।
আমার কি এখনও মাল্টি সাইজের .ico দরকার?+
লিগ্যাসি ব্রাউজার সমর্থন, বিশেষ করে Edge এবং IE-মোড শর্টকাটগুলির জন্য প্রস্তাবিত৷