Favicon & App Icon Toolsजाँचेंबनाएँ
प्लेटफ़ॉर्म

प्लेटफ़ॉर्म के अनुसार favicon

आइकन फ़ाइलें हर जगह एक जैसी होती हैं। वे कहाँ जाती हैं, यह अलग होता है। अपना स्टैक चुनें और उसकी अपनी परंपराओं के लिए लिखी गई गाइड फ़ॉलो करें: कुल 19, असली फ़ाइल पाथ और कॉन्फ़िगरेशन के साथ।

जनरेटर लॉन्च करें

फ़्रेमवर्क

Next.js आइकॉन को आपके हाथ से लिखे link tags के बजाय फ़ाइलों से रिज़ॉल्व करता है। सही फ़ाइल नाम को सही directory में रखें और framework आपके लिए markup जेनरेट कर देता है।

गाइड देखें

React कभी document head को नहीं छूता। आपके आइकॉन links HTML शेल में जाते हैं, और वह कौन-सी फ़ाइल है यह इस पर निर्भर करता है कि प्रोजेक्ट Create React App से बना था या Vite से।

गाइड देखें

एक Vue single-file component head में एक link tag रेंडर नहीं कर सकता। आइकॉन index.html में घोषित होते हैं, जो Vite के तहत प्रोजेक्ट रूट पर और Vue CLI के तहत public/ के अंदर रहता है।

गाइड देखें

Angular स्टैटिक फ़ाइलें केवल तभी कॉपी करता है जब build configuration उसे ऐसा करने को कहे। जो फ़ाइल angular.json में assets एंट्री से मैच नहीं होती वह कभी dist/ तक नहीं पहुँचती, चाहे आप उसे प्रोजेक्ट में कहीं भी रखें।

गाइड देखें

SvelteKit static/ की हर चीज़ को build के रूट में कॉपी करता है, और document शेल एक component के बजाय src/app.html है। आइकॉन tags वहीं रहते हैं ताकि किसी JavaScript के चलने से पहले वे सर्व किए गए HTML में हों।

गाइड देखें

Nuxt डिफ़ॉल्ट रूप से हर पेज में /favicon.ico का एक link इंजेक्ट करता है, इसलिए एक नया प्रोजेक्ट उसके लिए एक 404 लॉग करता है जब तक आप public/ में एक फ़ाइल न डालें। बाकी आइकॉन nuxt.config के app.head ब्लॉक में घोषित होते हैं।

गाइड देखें

Vite index.html को स्टैटिक asset के बजाय सोर्स कोड मानने में असामान्य है: यह प्रोजेक्ट रूट पर बैठता है और build time पर दोबारा लिखा जाता है। public/ की हर चीज़ बिना बदलाव के आउटपुट रूट में कॉपी होती है।

गाइड देखें

Remix (and React Router framework mode, which is the same route API under renamed packages) does not pick up icons from a special filename. You put files in public/ and return them from the root route's links() export so <Links /> can render them into the document head.

गाइड देखें

Laravel has no icon convention of its own. Files in public/ are served at the site root, and the link tags belong in your Blade layout's head. Getting the web server's document root wrong is the most common reason a perfectly placed favicon.ico still 404s.

गाइड देखें

Django does not special-case favicons. Icons are ordinary static files collected into STATIC_ROOT and referenced from your base template with the static template tag. In production the collectstatic step is what makes them reachable.

गाइड देखें

Rails expects the favicon to go through the asset pipeline. Put the files under app/assets/images and declare them with favicon_link_tag in the application layout so production fingerprinting keeps working.

गाइड देखें

In ASP.NET Core the web root is wwwroot. Icon files go there, and the link tags go in your layout (MVC/Razor Pages) or App component (Blazor). Static file middleware has to be in the pipeline or every icon 404s regardless of the markup.

गाइड देखें

स्टैटिक साइट

Astro src/ से इम्पोर्ट किए गए assets को प्रोसेस और fingerprint करता है, और public/ को जैसा पाया वैसा ही build आउटपुट में कॉपी करता है। आइकॉन को स्थिर फ़ाइल नाम चाहिए, इसलिए वे public/ में जाते हैं और एक layout से लिंक किए जाते हैं।

गाइड देखें

Gatsby यहाँ एकमात्र stack है जो आपके लिए आइकॉन सेट जेनरेट करता है। gatsby-plugin-manifest gatsby-config.js में नामित एक अकेली सोर्स इमेज लेता है और build time पर साइज़, web app manifest, और link tags बनाता है।

गाइड देखें

Hugo static/ को प्रकाशित साइट के रूट में कॉपी करता है, पर head markup उस theme का है जो आपने इंस्टॉल की। तरकीब यह है कि themes/ के तहत फ़ाइलें एडिट करने के बजाय theme के partial को अपने प्रोजेक्ट से ओवरराइड करें।

गाइड देखें

CMS

WordPress को आइकॉन फ़ाइलों का फ़ोल्डर नहीं चाहिए। आप एक चौकोर इमेज को Site Icon के रूप में अपलोड करते हैं, और core उसे उन साइज़ में क्रॉप करता है जो वह सर्व करता है और हर पेज में link tags प्रिंट करता है।

गाइड देखें

ई-कॉमर्स

Shopify पर favicon एक theme सेटिंग है जो image CDN द्वारा समर्थित है, कोई फ़ाइल नहीं जिसे आप सर्वर पर रखते हैं। theme तय करती है कि कौन-से tags रेंडर हों, और अधिकांश themes ठीक एक रेंडर करती हैं।

गाइड देखें

नो-कोड

Squarespace favicon को एक browser icon कहता है, और यह साइट की settings में अपलोड की गई एक चौकोर इमेज है। कोई फ़ाइल सिस्टम नहीं और एडिट करने के लिए कोई टेम्पलेट नहीं, इसलिए वह एक अपलोड ही आपको मिलने वाली अधिकांश चीज़ है।

गाइड देखें

Wix custom favicon को एक connected domain वाले एक paid plan से बाँधता है। एक साइट जो अभी भी एक wix.com subdomain पर है, चाहे आप कुछ भी अपलोड करें, Wix का अपना आइकॉन दिखाती है। कोई फ़ाइल सिस्टम नहीं और एडिट करने के लिए कोई head नहीं।

गाइड देखें