फेविकॉन जनरेटर

किसी लोगो या स्क्वायर इमेज को फेविकॉन के पूरे सेट में बदलें: कई साइज वाला favicon.ico, ब्राउज़र और फोन के लिए PNG आइकन, एक वेब मैनिफेस्ट, और आपकी साइट में पेस्ट करने वाला HTML। सब कुछ आपके ब्राउज़र में बनता है, इसलिए आपका आर्टवर्क कभी अपलोड नहीं होता।

इमेज यहां ड्रैग और ड्रॉप करें, या फाइल चुनने के लिए क्लिक करें

ट्रांसपेरेंसी वाली स्क्वायर PNG सबसे अच्छी रहती है। फाइलें आपके डिवाइस पर ही रहती हैं।

प्रीव्यू

आपके पेज के हेड के लिए HTML

हर आइकन साइज बनाना, favicon.ico तैयार करना और ZIP पैक करना, सब कुछ पूरी तरह आपके ब्राउज़र में होता है। आपकी सोर्स इमेज किसी सर्वर पर नहीं भेजी जाती।

फेविकॉन जोड़ने के लिए जो कुछ चाहिए, सब यहां

फेविकॉन वह छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क और फोन की होम स्क्रीन पर दिखता है। इसे सही तरीके से बनाने के लिए कई साइज और कुछ फॉर्मेट चाहिए, जिन्हें हाथ से बनाना झंझट भरा है। यह फेविकॉन जनरेटर एक इमेज लेकर आपके लिए पूरा सेट बना देता है: 16, 32 और 48 पिक्सल वाला क्लासिक favicon.ico, आधुनिक ब्राउज़र और Apple व Android डिवाइस के लिए अलग PNG, एक वेब मैनिफेस्ट, और आपके पेज के हेड में डालने के लिए HTML की सही लाइनें।

यह वेब डेवलपर, ब्लॉगर और स्टोर मालिकों के लिए बना है, जो इमेज एडिटर से जूझे बिना सभी ब्राउज़र और डिवाइस पर साफ और सही फेविकॉन चाहते हैं।

फेविकॉन कैसे बनाएं

  1. इमेज अपलोड करें। ट्रांसपेरेंट बैकग्राउंड वाला स्क्वायर लोगो या आइकन सबसे साफ नतीजा देता है।
  2. प्रीव्यू देखें। देखें कि हर साइज पर वह कैसा लगता है, टैब के छोटे 16 पिक्सल आइकन से लेकर 512 पिक्सल तक।
  3. डाउनलोड करें। सिर्फ favicon.ico लें, या सभी फाइलों वाला पूरा ZIP पैकेज।
  4. HTML पेस्ट करें। दिया गया स्निपेट अपनी साइट के हेड में कॉपी करें और फाइलें उसके रूट में अपलोड करें।

असली कई साइज वाला ICO

favicon.ico एक सही आइकन फाइल है जिसमें 16, 32 और 48 पिक्सल की इमेज एक साथ होती हैं, ताकि ब्राउज़र टैब, बुकमार्क और एड्रेस बार के लिए सबसे साफ वर्जन चुन सकें।

वेब और मोबाइल आइकन

पैकेज में आधुनिक ब्राउज़र के लिए PNG आइकन, iPhone के लिए 180 पिक्सल का Apple touch icon, और Android व प्रोग्रेसिव वेब ऐप के लिए 192 और 512 पिक्सल के आइकन शामिल हैं।

पेस्ट करने के लिए तैयार HTML

आपको एक मैनिफेस्ट फाइल और पेज के हेड में कॉपी करने के लिए HTML का छोटा सा ब्लॉक भी मिलता है, इसलिए फेविकॉन को साइट से जोड़ना बस पेस्ट और अपलोड का काम है।

यह फेविकॉन जनरेटर क्यों इस्तेमाल करें

  • पूरा सेट: ICO, PNG आइकन, मैनिफेस्ट और HTML, सब एक साथ।
  • असली कई साइज वाला ICO: 16, 32 और 48 पिक्सल एक ही favicon.ico में।
  • बिना अपलोड: आपका लोगो ब्राउज़र में प्रोसेस होता है और प्राइवेट रहता है।
  • बिना वॉटरमार्क: आइकन सिर्फ आपकी इमेज के होते हैं, कुछ और नहीं जुड़ता।
  • फ्री और तुरंत: न अकाउंट, न सर्वर का इंतजार।

लोकप्रिय फेविकॉन साइज और उनके इस्तेमाल

फेविकॉन बनाने का सबसे तेज तरीका है अपने लोगो की स्क्वायर PNG या JPG डालना और टूल को हर साइज बनाने देना। यह जो favicon.ico बनाता है उसमें 16 गुणा 16, 32 गुणा 32 और 48 गुणा 48 के वर्जन एक ही फाइल में होते हैं, जो ब्राउज़र को टैब, बुकमार्क और एड्रेस बार के लिए ठीक वही चाहिए। 16 गुणा 16 आइकन वह छोटा आइकन है जो ब्राउज़र टैब में दिखता है, जबकि 32 गुणा 32 ज्यादा तेज डिस्प्ले और पिन किए गए शॉर्टकट के लिए इस्तेमाल होता है। अगर आपकी वेबसाइट WordPress, Shopify या सादे HTML पर है, तो यही वह favicon.ico है जिसे अपनी साइट के रूट में अपलोड करना है, और उसके लिए बने link टैग पेज के हेड में पेस्ट करने हैं।

फोन और ऐप के लिए आपको 180 गुणा 180 का apple touch icon भी मिलता है, यानी वह साइज जो iPhone और iPad तब इस्तेमाल करते हैं जब कोई आपकी साइट को होम स्क्रीन पर जोड़ता है, साथ में Android और प्रोग्रेसिव वेब ऐप के लिए 192 गुणा 192 और 512 गुणा 512 की PNG और एक वेब मैनिफेस्ट। क्योंकि इमेज को फिट होने लायक छोटा करके बीच में रखा जाता है, आप चौड़े लोगो, ऐप आइकन या किसी एक अक्षर के निशान को आइकन के साफ सेट में बदल सकते हैं। ट्रांसपेरेंट बैकग्राउंड वाला कोई सादा चिन्ह 16 गुणा 16 तक छोटा होने पर सबसे अच्छा दिखता है।

अक्सर पूछे जाने वाले सवाल

एक स्क्वायर इमेज अपलोड करें, हर साइज के प्रीव्यू देखें, फिर favicon.ico या पूरा ZIP पैकेज डाउनलोड करें और दिया गया HTML अपने पेज के हेड में पेस्ट करें।

16, 32 और 48 पिक्सल वाला favicon.ico, साथ में 16, 32 और Apple डिवाइस के लिए 180 के PNG आइकन, और Android व वेब ऐप के लिए 192 और 512।

हां। ICO फाइल आपके ब्राउज़र में तैयार होती है और उसमें 16, 32 और 48 पिक्सल की इमेज एक साथ होती हैं, ताकि ब्राउज़र सबसे साफ वाली चुन सकें।

नहीं। हर साइज बनाना और फाइलें पैक करना पूरी तरह आपके ब्राउज़र में होता है। आपकी सोर्स इमेज किसी सर्वर पर नहीं भेजी जाती।

स्क्वायर इमेज सबसे अच्छी रहती है, बेहतर होगा कि ट्रांसपेरेंट बैकग्राउंड वाला कोई सादा लोगो या चिन्ह हो, ताकि वह 16 पिक्सल पर भी साफ पढ़ा जाए।

आइकन फाइलें अपनी वेबसाइट के रूट में अपलोड करें, फिर HTML स्निपेट अपने पेजों के हेड सेक्शन में पेस्ट करें।

नहीं। आइकन में सिर्फ आपकी इमेज होती है। MyIMGs का कुछ भी नहीं जुड़ता।

हां, यह पूरी तरह फ्री है और इसके लिए अकाउंट नहीं चाहिए।

स्क्वायर PNG या JPG ड्रैग करके डालें, प्रीव्यू देखें, फिर favicon.ico या पूरा ZIP पैकेज डाउनलोड करें। इमेज को फिट होने लायक छोटा करके बीच में रखा जाता है, इसलिए ट्रांसपेरेंट बैकग्राउंड वाला लोगो या चिन्ह सबसे अच्छा रहता है।

favicon.ico में 16 गुणा 16, 32 गुणा 32 और 48 गुणा 48 साइज होने चाहिए, जिन्हें यह टूल आपके लिए एक साथ बना देता है। फोन के लिए 180 गुणा 180 का apple touch icon, और Android व वेब ऐप के लिए 192 गुणा 192 और 512 गुणा 512 की PNG भी चाहिए।

पैकेज डाउनलोड करें, favicon.ico और PNG फाइलें अपनी साइट के रूट में अपलोड करें, फिर दिए गए link टैग पेज के हेड में पेस्ट करें। WordPress, Shopify या सादे HTML पर साइट के रूट में रखा favicon.ico ही वह है जिसे ब्राउज़र टैब आइकन के लिए उठाते हैं।

favicon.ico एक ही फाइल है जिसमें एक साथ कई साइज होते हैं, यहां 16 गुणा 16, 32 गुणा 32 और 48 गुणा 48, ताकि पुराने और नए ब्राउज़र सबसे साफ वाला चुन सकें। अलग PNG आइकन आधुनिक ब्राउज़र और फोन, apple touch icon और Android आइकन के लिए इस्तेमाल होते हैं।

संबंधित टूल्स