इस लेख में
फ़ेविकॉन क्या है?
फ़ेविकॉन ("favorite icon" का संक्षिप्त रूप) वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क सूची और मोबाइल होम स्क्रीन पर आपकी वेबसाइट के नाम के बगल में दिखता है। यह उन पहले दृश्य ब्रांडिंग तत्वों में से एक है जिन पर आगंतुकों का ध्यान जाता है और यह साइट की पहचान में अहम भूमिका निभाता है।
आधुनिक ब्राउज़र और डिवाइस कई आकारों में फ़ेविकॉन की अपेक्षा करते हैं — ब्राउज़र टैब के लिए 16×16 पिक्सेल से लेकर Progressive Web App स्प्लैश स्क्रीन के लिए 512×512 तक। सही आकारों का सेट देने से आपका आइकन हर डिवाइस और संदर्भ में साफ़ और स्पष्ट दिखता है।
हमारा फ़ेविकॉन जेनरेटर कैसे काम करता है
CheckTown का फ़ेविकॉन जेनरेटर पूरी तरह आपके ब्राउज़र में चलता है — कोई भी फ़ाइल किसी सर्वर पर अपलोड नहीं होती:
- कोई भी इमेज (JPEG, PNG या WebP) — आदर्श रूप से एक वर्गाकार लोगो या आइकन — ड्रैग-एंड-ड्रॉप या फ़ाइल पिकर के ज़रिए अपलोड करें
- यह टूल सभी मानक आकार (16×16, 32×32, 48×48, 64×64, 128×128, 192×192, 256×256, 512×512) PNG फ़ाइलों के रूप में तैयार करता है
- उपयोग के लिए तैयार HTML और web manifest स्निपेट कॉपी करें, फिर अलग-अलग आकार या सभी एक साथ डाउनलोड करें
निःशुल्क आज़माएँ — कोई साइनअप आवश्यक नहीं
फ़ेविकॉन तैयार करें →फ़ेविकॉन जेनरेटर कब इस्तेमाल करें
हर वेबसाइट को फ़ेविकॉन की ज़रूरत होती है, और उन्हें सही तरीके से बनाना कई संदर्भों में मायने रखता है:
- नई वेबसाइट लॉन्च — एक ही स्रोत इमेज से सभी ज़रूरी आकार तैयार करें ताकि आपका ब्रांड टैब, बुकमार्क और PWA इंस्टॉल में सही तरीके से दिखे
- रीब्रांडिंग — जब आपका लोगो बदले, तो पूरे फ़ेविकॉन सेट को दोबारा तैयार करें ताकि सभी टचपॉइंट एक जैसे अपडेट हों
- PWA डेवलपमेंट — Progressive Web Apps को इंस्टॉल प्रॉम्प्ट और स्प्लैश स्क्रीन के लिए web manifest में 192×192 और 512×512 आइकन की ज़रूरत होती है
अक्सर पूछे जाने वाले सवाल
मुझे स्रोत के रूप में कौन सी इमेज इस्तेमाल करनी चाहिए?
सरल और आसानी से पहचानी जाने वाली डिज़ाइन वाली वर्गाकार इमेज (1:1 अनुपात) इस्तेमाल करें। बारीक टेक्स्ट वाले जटिल लोगो 16×16 पर अस्पष्ट दिख सकते हैं। एक न्यूनतम आइकन या लेटरमार्क सबसे अच्छा काम करता है। पारदर्शिता वाला PNG आदर्श है।
क्या मुझे सभी तैयार किए गए आकारों की ज़रूरत है?
कम से कम आपको ब्राउज़र टैब के लिए 16×16 और 32×32, साथ ही Apple Touch Icon के लिए 180×180 और PWA manifest के लिए 192×192 + 512×512 चाहिए। बाकी आकार अलग-अलग ब्राउज़र और डिवाइस पर संगतता को बेहतर बनाते हैं।
क्या मेरी इमेज किसी सर्वर पर अपलोड होती है?
नहीं। सारा रीसाइज़िंग और प्रोसेसिंग आपके ब्राउज़र में Canvas API का उपयोग करके स्थानीय रूप से होती है। आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जाती।