Favicon जनरेटर
अक्षरों, इमोजी या इमेज से favicon बनाएँ: बहु-आकार favicon.ico, 16–512 px PNG, Apple touch icon, वेब मैनिफ़ेस्ट और HTML link टैग। सब कुछ ब्राउज़र में।
अधिकतम 3 अक्षर, जैसे "A", "AK" या "🚀"।
Favicon जनरेटर क्या है?
अपनी वेबसाइट के लिए अक्षरों या इमोजी (आपके रंगों और आकृति के साथ) या किसी इमेज से पूरा favicon सेट बनाएँ। आपको बहु-आकार favicon.ico (16, 32 और 48 px), 16, 32, 48, 180 (Apple touch icon), 192 और 512 px के PNG आइकन, एक site.webmanifest और आपके <head> में पेस्ट करने के लिए HTML <link> टैग मिलते हैं।
Favicon जनरेटर का उपयोग कैसे करें
- स्रोत चुनें: टेक्स्ट या इमोजी, या इमेज (चौकोर इमेज सबसे अच्छी रहती है)।
- आकृति, पृष्ठभूमि और टेक्स्ट का रंग सेट करें, और मैनिफ़ेस्ट के लिए ऐप का नाम (manifest के लिए) दें।
- favicon.ico डाउनलोड करें पर क्लिक करें और पूर्वावलोकन से ज़रूरी PNG फ़ाइलें डाउनलोड करें।
- <head> के लिए HTML और site.webmanifest कॉपी करें, और सभी फ़ाइलें अपनी साइट के रूट फ़ोल्डर में रखें।
उदाहरण
Text "A", Rounded, Background #4f46e5
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
साथ में favicon.ico (16, 32, 48 px) और छह PNG फ़ाइलें।
Favicon जनरेटर का उपयोग कब करें
नई वेबसाइट, साइड प्रोजेक्ट, आंतरिक टूल और दस्तावेज़ीकरण साइटों के लिए इसका उपयोग करें। अगर आपके पास विस्तृत लोगो है तो 16 और 32 px के लिए सरल संस्करण डिज़ाइन करें, क्योंकि उन आकारों में बारीक विवरण गायब हो जाते हैं। डार्क मोड के अनुकूल तेज़ आइकन चाहिए तो उसके अलावा SVG favicon भी इस्तेमाल करें।
Favicon जनरेटर कैसे काम करता है
हर आकार अलग canvas पर बनता है: आकृति पृष्ठभूमि के रंग से भरी जाती है और तीन अक्षरों तक बीच में रखकर आइकन के आकार में स्केल किए जाते हैं, या इमेज को बीच से चौकोर काटकर उच्च-गुणवत्ता स्मूदिंग के साथ रिसाइज़ किया जाता है। हर canvas PNG के रूप में निर्यात होता है। .ico फ़ाइल बाइट-दर-बाइट जोड़ी जाती है: 6 बाइट का ICONDIR हेडर, हर आकार के लिए 16 बाइट की एक डायरेक्टरी प्रविष्टि (चौड़ाई, ऊँचाई, 32 bpp, डेटा आकार और ऑफ़सेट) और उसके बाद एम्बेड की गई PNG इमेज — PNG-in-ICO फ़ॉर्मेट जो सभी मौजूदा ब्राउज़र और Windows Vista व बाद के संस्करणों में समर्थित है। 180 px का Apple touch icon हमेशा चौकोर और अपारदर्शी होता है क्योंकि iOS कोने खुद गोल करता है।
सामान्य उपयोग मामले
- साइड प्रोजेक्ट के लिए सेकंडों में अक्षर या इमोजी favicon बनाना
- चौकोर लोगो से सभी आइकन आकार बनाना
- होम-स्क्रीन इंस्टॉल के लिए Apple touch icon और वेब मैनिफ़ेस्ट जोड़ना
- पुराने ब्राउज़र के लिए असली बहु-आकार favicon.ico बनाना
अक्सर पूछे जाने वाले प्रश्न
क्या मुझे अब भी favicon.ico चाहिए?
ब्राउज़र /favicon.ico अपने आप माँगते हैं, और कुछ टूल व RSS रीडर सिर्फ़ वहीं देखते हैं, इसलिए PNG आइकन के साथ उसे देना अब भी लाभदायक है।
मेरा favicon अपडेट क्यों नहीं हो रहा?
ब्राउज़र favicon को ज़ोर से कैश करते हैं। हार्ड-रिफ़्रेश करें, आइकन का URL सीधे खोलें, या link टैग में वर्शन क्वेरी स्ट्रिंग जोड़ें।
क्या मेरी इमेज अपलोड होती है?
नहीं। सभी आइकन और .ico फ़ाइल आपके ब्राउज़र में बनती हैं।