React ऐप्स में फ़ेविकॉन कॉन्फ़िगर करना
सिंगल-पेज React ऐप्स में स्टैटिक ब्रांड एसेट कॉन्फ़िगर करें। पब्लिक फ़ोल्डर को मैप करना सीखें।
React में फ़ेविकॉन फ़ाइलें कहाँ रखें
चाहे आप Vite, Create React App, या Next.js इस्तेमाल कर रहे हों, फ़ेविकॉन जैसी सभी स्टैटिक फ़ाइलें आपके प्रोजेक्ट के रूट में public/ डायरेक्टरी के अंदर होती हैं।
- फ़ाइलों की ZIP निकालने के लिए हमारे होमपेज जनरेटर का इस्तेमाल करके अपने PNG को कनवर्ट करें।
- सभी फ़ाइलों को सीधे अपने React प्रोजेक्ट रूट में
public/फ़ोल्डर में निकालें। index.htmlखोलें (Vite के लिए प्रोजेक्ट रूट में, या Create React App के लिएpublic/के अंदर)।- स्टैंडर्ड HTML हेड मेटा टैग जोड़ें या बदलें, रिलेटिव URL को पब्लिक डायरेक्टरी पर पॉइंट करें:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">