मुफ्त कनवर्टर

इमेज से फ़ेविकॉन जनरेटर

किसी भी इमेज से 16x16 से 512x512 तक कई साइज़ में फ़ेविकॉन फ़ाइलें बनाएं। मुफ़्त और पूरी तरह ब्राउज़र में चलता है।

यहाँ इमेज ड्रैग और ड्रॉप करें

PNG, JPG, SVG, WebP समर्थित। अधिकतम 10MB।

या

इस टूल के बारे में

फ़ेविकॉन एक छोटा आइकन है जो ब्राउज़र टैब, बुकमार्क और इतिहास सूचियों में दिखाई देता है। मूल फ़ेविकॉन - /favicon.ico पर एक 16×16 ICO फ़ाइल - विभिन्न प्लेटफार्मों के लिए विभिन्न आकारों में आइकन के एक जटिल सेट में विस्तारित हो गई है: ब्राउज़र टैब के लिए 16×16 और 32×32, iOS होम स्क्रीन के लिए 180×180, एंड्रॉइड के लिए 192×192 और 512×512, और विंडोज टाइल्स के लिए विभिन्न आकार। इन सभी को एक ही स्रोत छवि से तैयार करना एक आधुनिक फ़ेविकॉन जनरेटर का काम है।

यह उपकरण एक उच्च-रिज़ॉल्यूशन स्रोत छवि (आमतौर पर एक वर्गाकार लोगो) लेता है और फ़ेविकॉन संपत्तियों का पूरा सेट और उन्हें संदर्भित करने के लिए आवश्यक HTML लिंक टैग उत्पन्न करता है। आउटपुट में प्रगतिशील वेब ऐप मेटाडेटा के लिए ICO, एकाधिक PNG और एक मैनिफ़ेस्ट.json शामिल है। परिणामी फ़ाइलों को अपनी साइट के मूल में छोड़ें और जेनरेट किए गए HTML के माध्यम से उनका संदर्भ लें।

सारी प्रोसेसिंग आपके ब्राउज़र में होती है. कोई अपलोड नहीं, कोई एपीआई कॉल नहीं, कोई दर सीमा नहीं। आउटपुट हर आधुनिक ब्राउज़र और ऑपरेटिंग सिस्टम पर काम करता है जो फ़ेविकॉन प्रदर्शित करता है।

फ़ेविकॉन क्यों जनरेट करें

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

आधुनिक फ़ेविकॉन आवश्यकताएँ /favicon.ico से आगे बढ़ गई हैं। iOS होम स्क्रीन आइकन, एंड्रॉइड क्रोम आइकन, विंडोज टाइल आइकन और डार्क मोड वेरिएंट सभी अलग-अलग फ़ाइलों का उपयोग करते हैं। उन सभी को एक ही स्रोत से उत्पन्न करने से प्रत्येक फ़ाइल को हाथ से प्रबंधित किए बिना लगातार ब्रांडिंग सुनिश्चित होती है।

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

स्रोत छवि अपलोड करें, पूरा फ़ेविकॉन सेट प्राप्त करें।

  1. स्रोत छवि अपलोड करें: कम से कम 512×512 पिक्सेल की वर्गाकार छवि का उपयोग करें। पीएनजी को प्राथमिकता दी जाती है (पारदर्शिता समर्थन); एसवीजी भी स्वीकार किया जाता है. उच्च-रिज़ॉल्यूशन स्रोत अधिक स्पष्ट छोटे चिह्न उत्पन्न करते हैं।
  2. प्लेटफ़ॉर्म विकल्प कॉन्फ़िगर करें: आवश्यकतानुसार iOS, Android, Windows और PWA आउटपुट सक्षम करें। डिफ़ॉल्ट सेटिंग्स मानक सेट का उत्पादन करती हैं जिसकी अधिकांश साइटों को आवश्यकता होती है।
  3. रंग और थीम अनुकूलित करें: विंडोज़ टाइल्स और PWA स्प्लैश स्क्रीन के लिए थीम रंग चुनें। अपनी ब्रांड पहचान से मेल करें.
  4. डाउनलोड करें और तैनात करें: जनरेट किया गया ज़िप सहेजें. फ़ाइलों को अपनी साइट के मूल में रखें और जेनरेट किए गए HTML लिंक टैग को अपने <head> में जोड़ें। HTML प्रत्येक आइकन को सही आकार में संदर्भित करता है।

सामान्य उपयोग के मामले

तकनीकी विवरण

पूर्ण आधुनिक फ़ेविकॉन सेट: favicon.ico (16+32+48 बहु-रिज़ॉल्यूशन), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. PWA के लिए प्लस site.webmanifest, विंडोज़ के लिए ब्राउज़रconfig.xml।

प्रत्येक पीएनजी स्रोत से कैनवास-आधारित डाउनसैंपलिंग द्वारा उत्पन्न होता है। ICO का निर्माण JavaScript में DataView राइट्स का उपयोग करके 16/32/48 संस्करणों को मल्टी-रिज़ॉल्यूशन ICO प्रारूप में संयोजित करके किया गया है।

HTML लिंक टैग प्रत्येक फ़ाइल को उचित रिले और आकार विशेषताओं के साथ संदर्भित करते हैं। जनरेटर इन्हें आपकी साइट के <head> के लिए कॉपी-पेस्ट-तैयार स्निपेट के रूप में तैयार करता है।

सर्वोत्तम प्रथाएँ

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

मुझे कौन सा छवि प्रारूप अपलोड करना चाहिए?
पारदर्शी पृष्ठभूमि वाला पीएनजी सबसे अच्छा काम करता है। कम से कम 512x512 पिक्सेल की एक वर्गाकार छवि का उपयोग करें ताकि उपकरण गुणवत्ता हानि के बिना स्केल कर सके। एसवीजी भी अच्छा काम करता है क्योंकि यह किसी भी आकार का हो सकता है।
यह कौन से आकार उत्पन्न करता है?
16x16 (ब्राउज़र टैब), 32x32 (ब्राउज़र टैब @2x), 48x48 (विंडोज़ टास्कबार), 180x180 (एप्पल टच आइकन), 192x192 (एंड्रॉइड होम स्क्रीन), 512x512 (PWA स्प्लैश स्क्रीन)। ICO फ़ाइल में 16, 32 और 48px आकार हैं।
मैं फ़ेविकॉन फ़ाइलें कहाँ रखूँ?
अपनी वेबसाइट रूट डायरेक्टरी में favicon.ico रखें। अन्य पीएनजी आकार आपके सार्वजनिक फ़ोल्डर या किसी सुलभ पथ में जाते हैं। प्रत्येक फ़ाइल स्थान की ओर इशारा करते हुए अपने <head> अनुभाग में HTML लिंक टैग जोड़ें।
मेरा फ़ेविकॉन ब्राउज़र में अपडेट क्यों नहीं होता?
ब्राउज़र आक्रामक रूप से फ़ेविकॉन को कैश करते हैं। अपना ब्राउज़र कैश साफ़ करें, गुप्त विंडो में खोलने का प्रयास करें, या ताज़ा करने के लिए फ़ेविकॉन URL में एक संस्करण क्वेरी स्ट्रिंग (?v=2) जोड़ें।
मेरा फ़ेविकॉन अपडेट क्यों नहीं होता?
ब्राउज़र फ़ेविकॉन को आक्रामक तरीके से कैश करते हैं, कभी-कभी कई दिनों तक। कैश साफ़ करके, सीधे आइकन यूआरएल खोलकर, या लिंक टैग में संस्करण क्वेरी पैरामीटर जोड़कर रीफ्रेश को बाध्य करें।
क्या मेरी छवि किसी सर्वर पर अपलोड की गई है?
नहीं, जनरेशन आपके ब्राउज़र में होता है.
क्या मुझे एसवीजी या पीएनजी का उपयोग करना चाहिए?
स्रोत के लिए एसवीजी (रिज़ॉल्यूशन-स्वतंत्र)। जनरेटर विशिष्ट आकारों में पीएनजी आउटपुट करता है; आधुनिक ब्राउज़र rel=icon type=image/svg+xml लिंक के माध्यम से SVG फ़ेविकॉन का भी समर्थन करते हैं।
साइट.वेबमेनिफ़ेस्ट क्या है?
आइकन, रंग और अन्य मेटाडेटा का वर्णन करने वाले प्रगतिशील वेब ऐप्स के लिए एक JSON मेनिफ़ेस्ट। इंस्टॉल करने योग्य वेब ऐप्स के लिए आवश्यक; मानक साइटों पर भी शामिल करना हानिरहित है।