Favicon Toolsजाँचेंबनाएँ
समस्या निवारण

ऐसा favicon ठीक करें जो दिखता या अपडेट नहीं होता

टैब वही खाली या पुरानी दिखती है, पर हर स्टैक में वजह अलग होती है। नीचे अपनी वजह ढूँढें, या अपनी साइट स्कैन करके देखें कि वह क्या सर्व कर रही है।

yoursite.com
yoursite.com
Fixed
गलत फ़ाइल या पाथlink कहीं इशारा नहीं कर रहा
बिल्ड कॉन्फ़िगरेशनआउटपुट में कभी कॉपी ही नहीं हुआ
ब्राउज़र कैशपुराना आइकन अटका हुआ है

Next.js

App Router में Next.js icon link आपकी app directory की फ़ाइलों से बनाता है। फ़ाइल का नाम चूके तो यह कुछ भी नहीं बनाता। Pages Router में तो कोई convention ही नहीं है। पहचान लें कि आप किस स्थिति में हैं, फिर फ़िक्स साफ़ हो जाता है।

समाधान पढ़ें

फ़ाइल बदल गई और tab नहीं बदला। Next.js पर यह तीन caches में से एक है: browser का favicon store, एक बासी .next build, या एक CDN जो पुराने bytes सर्व कर रहा है। इन्हें इसी क्रम में ख़ारिज करें।

समाधान पढ़ें

React

React एक DOM node में रेंडर करता है और head को कभी नहीं छूता, इसलिए favicon एक static HTML फ़ाइल में रहता है। खाली tab का मतलब है उस फ़ाइल का link tag गलत है, या icon src से import हुआ था और अब किसी तय path पर नहीं रहा।

समाधान पढ़ें

आपने फ़ाइल बदली और tab ने पुराना icon पकड़े रखा। किसी React app में यह browser का favicon को cache करना है, या build output और CDN का public/ से पिछली कॉपी सर्व करते रहना है।

समाधान पढ़ें

Vite

Vite public/ को output root में कॉपी करता है और build time पर index.html फिर से लिखता है। जो favicon dev में काम करता है और production में 404 देता है, उसके path में लगभग हमेशा public/ का हिस्सा होता है, या वह src से import होकर hash हो चुका होता है।

समाधान पढ़ें

Vue

एक Vue single-file component head में link tag रेंडर नहीं कर सकता, इसलिए favicon index.html में घोषित होता है: Vite में project root पर, Vue CLI में public/ के अंदर। खाली tab का मतलब है उस फ़ाइल का tag गलत है।

समाधान पढ़ें

Angular

Angular static फ़ाइलें तभी कॉपी करता है जब build configuration ऐसा कहे। जो icon angular.json की assets entry से मैच नहीं होता वह कभी dist तक नहीं पहुँचता। build सफल होता है और फ़ाइल वहाँ नहीं होती।

समाधान पढ़ें

Astro

Astro public/ को output में ज्यों-का-त्यों कॉपी करता है पर आपके लिए कभी icon tag इंजेक्ट नहीं करता। खाली tab का मतलब है link आपके pages जिस layout का इस्तेमाल करते हैं उसमें नहीं है, या किसी page ने अपना ही html element रेंडर किया और layout छोड़ दिया।

समाधान पढ़ें

WordPress

WordPress theme में डाली गई किसी फ़ाइल से favicon सर्व नहीं करता। यह एक Site Icon setting से icon tag प्रिंट करता है, और खाली tab का मतलब लगभग हमेशा यही होता है कि वह setting कभी लागू नहीं हुई, या कोई theme उससे भिड़ रही है।

समाधान पढ़ें

आपने एक नया Site Icon सेट किया और पुराना टलने का नाम नहीं ले रहा। WordPress पर यह लगभग हमेशा एक caching layer होता है (एक page-cache plugin या CDN जो बासी HTML सर्व करता है) जिसमें browser का अपना favicon cache दूसरा संदिग्ध होता है।

समाधान पढ़ें

Shopify

Shopify पर favicon एक theme setting है, किसी server पर रखी फ़ाइल नहीं। theme editor में आप जो image चुनते हैं उससे theme एक icon link रेंडर करती है, इसलिए खाली tab का मतलब है यह सेट नहीं है, आपने गलत theme एडिट की, या format अस्वीकार हो गया।

समाधान पढ़ें

आपने एक नया favicon चुना और live store अभी भी पुराना दिखाता है। Shopify पर यह लगभग हमेशा एक draft theme होती है जो कभी publish नहीं हुई, या image CDN और browser का पिछले icon को cache करना।

समाधान पढ़ें