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

किसी भी लोगो या इमेज को एक पूरे फ़ेविकॉन सेट में बदलें: मल्टी-साइज़ favicon.ico, एक apple-touch-icon, Android/वेब ऐप आइकन और पेस्ट करने के लिए तैयार HTML स्निपेट। वर्ग, गोल कोनों वाला या वृत्त आकार चुनें, पैडिंग या बैकग्राउंड रंग जोड़ें, और पूरा पैकेज ZIP के रूप में डाउनलोड करें। सब कुछ आपके ब्राउज़र में लोकली बनता है — आपकी इमेज कभी अपलोड नहीं होती।

निजता सर्वोपरि: हर छवि आपके ब्राउज़र में स्थानीय रूप से संसाधित होती है। कुछ भी किसी सर्वर पर अपलोड, संग्रहीत या प्रेषित नहीं किया जाता।

PixelVault का फ़ेविकॉन जनरेटर किसी भी इमेज को वेबसाइट और ऐप आइकनों के पूरे सेट में बदल देता है, बिना कुछ अपलोड किए। ज़्यादातर “फ़ेविकॉन जनरेटर” साइटें एक भी आइकन देने से पहले आपसे आपका लोगो उनके सर्वर पर भेजने को कहती हैं। यहाँ हर फ़ाइल — मल्टी-रिज़ॉल्यूशन favicon.ico, PNG आइकन और मैनिफ़ेस्ट — सीधे आपके ब्राउज़र के अंदर बनती है, इसलिए आपकी ब्रांड आर्ट कभी आपके डिवाइस से बाहर नहीं जाती।

एक आधुनिक साइट को एक से ज़्यादा आइकन चाहिए। ब्राउज़र एड्रेस बार और टैब के लिए एक छोटी favicon.ico पढ़ते हैं, iOS को होम स्क्रीन के लिए 180×180 का apple-touch-icon चाहिए, और Android तथा PWA वेब मैनिफ़ेस्ट से रेफ़र किए गए 192 और 512px के PNG इस्तेमाल करते हैं। PixelVault एक ही सोर्स इमेज से ये सब एक साथ बनाता है और पेस्ट करने के लिए तैयार HTML स्निपेट देता है, जिससे इन्हें जोड़ने में कुछ ही सेकंड लगते हैं।

आइकन कैसा दिखे, यह आप तय करते हैं। इसे सादा वर्ग रखें, कोने गोल करें, या वृत्त में क्रॉप करें; पैडिंग जोड़ें ताकि कोई वर्डमार्क किनारे से चिपका न रहे; और ट्रांसपेरेंट या ठोस बैकग्राउंड चुनें। लाइव प्रीव्यू नतीजा असली फ़ेविकॉन साइज़ पर दिखाता है — एक नक़ली ब्राउज़र टैब समेत — ताकि डाउनलोड करने से पहले आप ठीक-ठीक जान सकें कि आगंतुकों को क्या दिखेगा।

यह कैसे काम करता है

जब आप कोई इमेज जोड़ते हैं, ब्राउज़र उसे मेमोरी में डिकोड करता है और PixelVault उसे हर आइकन साइज़ पर वर्गाकार कैनवस पर फिर से बनाता है, आपके चुने आकार के मास्क, पैडिंग और बैकग्राउंड के साथ। हर कैनवस को ब्राउज़र के बिल्ट-इन एनकोडर से PNG में एनकोड किया जाता है, और 16, 32 तथा 48px वाले PNG एक ही favicon.ico (व्यापक रूप से सपोर्टेड PNG-in-ICO कंटेनर) में लपेट दिए जाते हैं। SVG लोगो पहले लोकली हाई रिज़ॉल्यूशन पर रैस्टराइज़ किए जाते हैं, इसलिए आइकन साफ़ बने रहते हैं।

स्थानीय प्रोसेसिंग क्यों मायने रखती है

आइकन लोकली बनाने का मतलब है कि आपका लोगो — अक्सर अभी जारी न की गई ब्रांडिंग — किसी तीसरे पक्ष की सेवा द्वारा कभी प्रेषित, संग्रहीत या लॉग नहीं होता। यह तुरंत भी होता है: कोई अपलोड नहीं, कोई कतार नहीं और कोई डाउनलोड राउंड-ट्रिप नहीं, और पेज लोड हो जाने के बाद यह ऑफ़लाइन भी काम करता रहता है। आप जो डाउनलोड करते हैं वह ठीक वही है जो आपके ब्राउज़र ने बनाया, बिना कुछ जोड़े।

समर्थित फ़ॉर्मैट

  • ICO — टैब और एड्रेस बार के लिए मल्टी-रिज़ॉल्यूशन favicon.ico (16/32/48px)।
  • PNG — Apple-touch-icon (180px) और Android/PWA आइकन (192 और 512px)।
  • SVG — केवल इनपुट — सबसे साफ़ आइकन के लिए वेक्टर लोगो लोकली रैस्टराइज़ किए जाते हैं।
  • JPG / WebP — PNG के साथ-साथ सोर्स इमेज के रूप में स्वीकार्य।

सामान्य उपयोग

  • किसी नई वेबसाइट या लैंडिंग पेज के लिए favicon.ico और ऐप आइकन बनाएँ।
  • किसी PNG या SVG लोगो को सही मल्टी-साइज़ ICO फ़ाइल में बदलें।
  • किसी PWA के लिए apple-touch-icon और वेब-मैनिफ़ेस्ट आइकन बनाएँ।
  • किसी ब्रांड का फ़ेविकॉन सेट बिना लोगो को किसी ऑनलाइन सेवा को सौंपे ताज़ा करें।

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

क्या फ़ेविकॉन बनाने के लिए मेरी इमेज अपलोड होती है?
नहीं। favicon.ico, PNG आइकन और मैनिफ़ेस्ट सब आपके ब्राउज़र में Canvas API का उपयोग करके लोकली बनते हैं। आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जाती।
मुझे कौन-से साइज़ और फ़ाइलें मिलती हैं?
एक मल्टी-रिज़ॉल्यूशन favicon.ico (16, 32 और 48px), 16, 32, 48, 180 (apple-touch-icon), 192 और 512px पर PNG आइकन, एक site.webmanifest, और आपके <head> में पेस्ट करने के लिए एक HTML स्निपेट।
क्या मैं PNG या SVG को ICO में बदल सकता हूँ?
हाँ। कोई PNG, JPG, SVG या WebP डालें और एक असली favicon.ico डाउनलोड करें। SVG लोगो पहले लोकली हाई रिज़ॉल्यूशन पर रैस्टराइज़ किए जाते हैं।
कौन-सी इमेज सबसे अच्छी रहती है?
एक वर्गाकार इमेज जिसमें सरल, हाई-कंट्रास्ट लोगो हो। ग़ैर-वर्गाकार इमेज को फ़िट करने के लिए बीच से क्रॉप किया जाता है; उसे अपने मनमुताबिक फ़्रेम करने के लिए पैडिंग और आकार कंट्रोल का उपयोग करें।
मैं फ़ेविकॉन कैसे इंस्टॉल करूँ?
पैकेज को अपनी साइट के रूट फ़ोल्डर में अनज़िप करें और दिया गया HTML स्निपेट अपने पेजों के <head> में पेस्ट करें। favicon.ico को ज़्यादातर ब्राउज़र अपने आप उठा लेते हैं।