यह टूल क्या करता है
फ़ेविकॉन वेबसाइट का छोटा आइकन है, जो ब्राउज़र टैब और बुकमार्क जैसी जगहों पर दिखता है। यह टूल आम आकारों का एक सेट बनाता है, जिससे आप वेबसाइट के आइकन जल्दी तैयार कर सकते हैं।
इस्तेमाल करने का तरीका
- PNG, JPG/JPEG या स्थिर WebP तस्वीर चुनें या खींचकर छोड़ें।
- पूरी तस्वीर फ़िट करें या बीच से काटें। बैकग्राउंड और हर किनारे पर 0% से 30% तक खाली जगह चुनें।
- आइकन बनाएँ। असली 16×16 और 32×32 आकारों के साथ ब्राउज़र टैब का नमूना प्रीव्यू देखें।
- आइकन एक-एक करके या ZIP में डाउनलोड करें। फिर बनाई गई फ़ाइलों का HTML कोड कॉपी करें।
उपलब्ध आकार
- favicon.ico में 16×16, 32×32 और 48×48 के तीन चित्र होते हैं।
- साथ में favicon-16x16.png, favicon-32x32.png और favicon-48x48.png भी बनते हैं।
आइकन बनाने के सुझाव
- पूरी तस्वीर फ़िट करने पर उसका अनुपात बना रहता है और खाली जगह चुने हुए बैकग्राउंड से भरती है। बीच से काटने पर तस्वीर का बीच वाला चौकोर हिस्सा लिया जाता है। किसी भी विकल्प में तस्वीर खिंचती नहीं है।
- खाली जगह हर किनारे के हिसाब से तय होती है। 10% खाली जगह रखने पर चित्र बीच की लगभग 80% चौड़ाई और ऊँचाई में रहता है।
- 16×16 जैसे छोटे आकारों में सरल और स्पष्ट आकृतियाँ अच्छी दिखती हैं। जटिल फ़ोटो या छोटा टेक्स्ट पहचानना मुश्किल हो सकता है। असली आकार का प्रीव्यू ज़रूर देखें।
PNG, JPG/JPEG और स्थिर WebP तस्वीरें इस्तेमाल कर सकते हैं। एक फ़ाइल अधिकतम 100 MiB और तस्वीर अधिकतम 4 करोड़ पिक्सेल की हो सकती है। किसी भी तरफ़ का आकार 16384 पिक्सेल से अधिक नहीं होना चाहिए। बड़ी तस्वीरों में अधिक समय और मेमोरी लग सकती है।
वेबसाइट पर आइकन कैसे इस्तेमाल करें
- डाउनलोड किए गए आइकन वेबसाइट पर रखें, फिर दिया गया HTML कोड पेज के head हिस्से में जोड़ें। कोड में वेबसाइट की रूट डायरेक्टरी का पाथ दिया है। फ़ाइलें किसी और फ़ोल्डर में रखें, तो पाथ भी बदलें।
- HTML कोड में केवल बनाई गई फ़ाइलें शामिल होती हैं और आप इसे टेक्स्ट के रूप में कॉपी कर सकते हैं। Apple होम स्क्रीन या Android/PWA के आकारों के लिए नीचे दिए संबंधित टूल इस्तेमाल करें।
- टैब का नमूना प्रीव्यू यह देखने में मदद करता है कि छोटी जगह में चित्र कितना साफ़ दिखेगा। अलग-अलग ब्राउज़र में असली रूप कुछ अलग हो सकता है।
गोपनीयता
आपकी तस्वीरें, इमोजी और बनाए गए आइकन केवल आपके ब्राउज़र में संसाधित होते हैं। इन्हें सर्वर पर अपलोड नहीं किया जाता।
टूल आपकी चुनी हुई सामग्री या परिणाम अपने आप नहीं सहेजता। साफ़ करने या पेज छोड़ने से पहले ज़रूरी आइकन डाउनलोड कर लें और मूल सामग्री भी संभालकर रखें।
अक्सर पूछे जाने वाले सवाल
favicon.ico क्या है?
यह वेबसाइटों में इस्तेमाल होने वाली आइकन फ़ाइल है। इसमें कई आकार हो सकते हैं, जिनमें से ब्राउज़र टैब और बुकमार्क के लिए सही आकार चुनता है।
फ़ेविकॉन के कौन-से आकार तैयार करने चाहिए?
यह टूल आम 16×16, 32×32 और 48×48 आकार देता है। बड़े आकार या दूसरा संयोजन चाहिए, तो अलग-अलग आकारों वाला फ़ेविकॉन टूल इस्तेमाल करें।
PNG फ़ेविकॉन और ICO में क्या अंतर है?
हर PNG फ़ाइल का एक पिक्सेल आकार होता है। एक ICO में कई आकार रखे जा सकते हैं। डाउनलोड पैकेज में दोनों फ़ॉर्मैट मिलते हैं, ताकि वेबसाइट की ज़रूरत के अनुसार इस्तेमाल कर सकें।
फ़ेविकॉन फ़ाइलें कहाँ रखें?
दिए गए कोड में वेबसाइट की रूट डायरेक्टरी का पाथ होता है, जैसे /favicon.ico। फ़ाइलें किसी दूसरे फ़ोल्डर में भी रख सकते हैं, लेकिन कोड का पाथ उस जगह से मेल खाना चाहिए।
ब्राउज़र नया आइकन तुरंत क्यों नहीं दिखा रहा?
ब्राउज़र में पुराना फ़ेविकॉन कैश हो सकता है। पहले फ़ाइल और उसके पाथ की जाँच करें। फिर पेज रीफ़्रेश करें, संबंधित कैश साफ़ करें या टैब दोबारा खोलें।