ToolRobinलॉगिन नहीं, सीधे इस्तेमाल करें

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

ICO और PNG फ़ेविकॉन बनाएं, छोटे आइकन का पूर्वावलोकन करें और अपने ब्राउज़र में एक पूर्ण ज़िप डाउनलोड करें।

एक छवि चुनें, पैडिंग और पृष्ठभूमि रंग सेट करें, छोटे पूर्वावलोकन जांचें, फिर ज़िप बनाएं और डाउनलोड करें।

अपने लोगो को फ़ेविकॉन सेट में बदलेंएक छवि चुनें या इसे यहां छोड़ेंपीएनजी, जेपीईजी, वेबपी या एसवीजी · 10 एमबी · 4096 पिक्सेल प्रति पक्ष

इस टूल के लिए जावास्क्रिप्ट और स्थानीय छवि प्रसंस्करण वाले एक आधुनिक ब्राउज़र की आवश्यकता है।

कैसे उपयोग करें

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

ICO और PNG फ़ेविकॉन बनाएं, छोटे आइकन का पूर्वावलोकन करें और अपने ब्राउज़र में एक पूर्ण ज़िप डाउनलोड करें।

इस्तेमाल करने के चरण

  1. मूल इनपुट यहाँ दें: छवि चुनें।
  2. सेट करें: प्रत्येक तरफ पैडिंग / पृष्ठभूमि / चिह्न पृष्ठभूमि रंग / एप्पल पृष्ठभूमि रंग। काम के अनुसार विकल्प चुनने के लिए नीचे का संदर्भ देखें।
  3. चुनें: फ़ेविकॉन ज़िप जनरेट करें। कॉपी, डाउनलोड या दूसरे उपयोग से पहले परिणाम जाँचें।
  4. एक छवि चुनें, पैडिंग और पृष्ठभूमि रंग सेट करें, छोटे पूर्वावलोकन जांचें, फिर ज़िप बनाएं और डाउनलोड करें।

विकल्प कैसे चुनें

विकल्पक्या बदलता है
पृष्ठभूमिApple टच आइकन हमेशा आपके द्वारा यहां चुने गए Apple पृष्ठभूमि रंग पर चपटा होता है। ICO और अन्य PNG फ़ाइलें चयनित होने पर पारदर्शिता रखती हैं।
HTML कॉपी करेंICO फ़ॉलबैक और PNG या SVG विकल्प शामिल करें। HTML स्निपेट की प्रतिलिपि बनाएँ, फिर जहाँ आप फ़ाइलों को होस्ट करते हैं उससे मिलान करने के लिए पथों को अपडेट करें।
फ़ेविकॉन ज़िप जनरेट करेंनहीं, मेनिफेस्ट में केवल आइकन प्रविष्टियाँ हैं। उन्हें अपने मौजूदा मेनिफेस्ट में मर्ज करें या नाम, प्रारंभ URL और अन्य PWA सेटिंग्स जोड़ें जिनकी आपकी साइट को आवश्यकता है।

उदाहरण और अपेक्षित परिणाम

उदाहरण: एक पारदर्शी 1024×1024 लोगो अपलोड करें, पारदर्शिता रखें और 10% पैडिंग का उपयोग करें। ज़िप में आईसीओ (16/32/48), पांच पीएनजी, एक पीएनजी युक्त एक एसवीजी, एक आइकन मेनिफ़ेस्ट और HTML स्निपेट शामिल है। साधारण निशान 16 पिक्सेल पर अधिक स्पष्ट रहते हैं; बारीक विवरण गायब हो सकते हैं.

अगर काम नहीं कर रहा हो

  • ब्राउज़र फ़ेविकॉन को आक्रामक तरीके से कैश करते हैं। हार्ड रिफ्रेश का प्रयास करें या ब्राउज़र कैश साफ़ करें। फ़ाइल पथों की जाँच करें, और यदि कैश्ड आइकन बना रहता है तो फ़ाइल नाम या संस्करण क्वेरी बदलें।
  • चित्र अस्वीकार हो तो फ़ाइल आकार के साथ उसके पिक्सेल आयाम भी जाँचें। मूल ऐप से समर्थित स्थिर चित्र निकालें और कम पिक्सेल के साथ फिर प्रयास करें; एक्सटेंशन बदलना रूपांतरण नहीं है।

फ़ेविकॉन क्या है?

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

2026 में आपके लिए आवश्यक आकार

फ़ाइलआकारके लिए इस्तेमाल होता है
favicon.ico16, 32, 48ब्राउज़र टैब और बुकमार्क
favicon.svg512 × 512एसवीजी-सक्षम ब्राउज़र; एंबेडेड पीएनजी
favicon-16x16.png, favicon-32x32.png16, 32पीएनजी फ़ॉलबैक
apple-touch-icon.png180 × 180आईओएस होम स्क्रीन और सफारी
android-chrome-192x192.png, android-chrome-512x512.png192, 512Android और PWA आइकन प्रविष्टियाँ

प्रारूप और सीमाएँ

पीएनजी, जेपीईजी, वेबपी और सादा एसवीजी इनपुट समर्थित हैं। फ़ाइलें प्रति पक्ष 10 एमबी और 4096 पिक्सेल तक सीमित हैं। एनिमेटेड छवियाँ समर्थित नहीं हैं. एसवीजी इनपुट आपके ब्राउज़र में रैस्टराइज़ किए गए हैं; स्क्रिप्ट, बाहरी संदर्भ, चित्र, स्टाइलशीट, फ़िल्टर और एनिमेशन हटा दिए गए हैं और प्रस्तुत नहीं किए जाएंगे। पाठ उपलब्ध स्थानीय फ़ॉन्ट का उपयोग करता है. यदि आपका एसवीजी इन सुविधाओं का उपयोग करता है तो पूर्वावलोकन जांचें।

ICO में 16×16, 32×32, और 48×48 PNG-संपीड़ित प्रविष्टियाँ शामिल हैं। डाउनस्केलिंग मल्टी-स्टेप रिसैम्पलिंग का उपयोग करता है, लेकिन एक विस्तृत फोटो अभी भी 16 पिक्सेल पर विवरण खो देता है - साधारण निशान सबसे अच्छा काम करते हैं। चयनित होने पर ICO और PNG में पारदर्शिता संरक्षित रहती है; Apple टच आइकन एक ठोस पृष्ठभूमि का उपयोग करता है। एसवीजी आउटपुट एक पीएनजी एम्बेड करता है और एक वेक्टर रूपांतरण नहीं है। आपका मूल अपरिवर्तित रहता है.

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

मेरा फ़ेविकॉन किस आकार का होना चाहिए?

मल्टी-साइज़ ICO (16/32/48), एक 180×180 Apple टच आइकन और Android के लिए 192/512 PNG शिप करें। ये सामान्य ब्राउज़र और डिवाइस आकार हैं, इसकी कोई गारंटी नहीं है कि प्रत्येक प्लेटफ़ॉर्म प्रत्येक फ़ाइल का उपयोग करता है।

ICO या PNG - मुझे किसकी आवश्यकता है?

ICO फ़ॉलबैक और PNG या SVG विकल्प शामिल करें। HTML स्निपेट की प्रतिलिपि बनाएँ, फिर जहाँ आप फ़ाइलों को होस्ट करते हैं उससे मिलान करने के लिए पथों को अपडेट करें।

क्या ब्राउज़र एसवीजी फ़ेविकॉन का समर्थन करते हैं?

कई आधुनिक ब्राउज़र एसवीजी फ़ेविकॉन का समर्थन करते हैं। जो ब्राउज़र ऐसा नहीं करते उनके लिए ICO फ़ॉलबैक रखें। यह उपकरण एसवीजी के अंदर 512×512 पीएनजी एम्बेड करता है; यह आपके लोगो को वेक्टर पथों में ट्रेस नहीं करता है।

मैंने अपना फ़ेविकॉन बदल दिया लेकिन पुराना फ़ेविकॉन अभी भी दिखाई दे रहा है। क्यों?

ब्राउज़र फ़ेविकॉन को आक्रामक तरीके से कैश करते हैं। हार्ड रिफ्रेश का प्रयास करें या ब्राउज़र कैश साफ़ करें। फ़ाइल पथों की जाँच करें, और यदि कैश्ड आइकन बना रहता है तो फ़ाइल नाम या संस्करण क्वेरी बदलें।

क्या मेरी पारदर्शी पृष्ठभूमि iPhones पर काम करेगी?

Apple टच आइकन हमेशा आपके द्वारा यहां चुने गए Apple पृष्ठभूमि रंग पर चपटा होता है। ICO और अन्य PNG फ़ाइलें चयनित होने पर पारदर्शिता रखती हैं।

क्या यह ज़िप मेरी साइट को PWA के रूप में इंस्टॉल करने योग्य बना देगा?

नहीं, मेनिफेस्ट में केवल आइकन प्रविष्टियाँ हैं। उन्हें अपने मौजूदा मेनिफेस्ट में मर्ज करें या नाम, प्रारंभ URL और अन्य PWA सेटिंग्स जोड़ें जिनकी आपकी साइट को आवश्यकता है।

आपको भी आवश्यकता पड़ सकती है