फ़ेविकॉन और ऐप आइकन जनरेटर
लोगो अपलोड करें, कई साइज़ में आइकन प्रीव्यू देखें, PNG डाउनलोड करें और अपनी साइट या PWA के लिए HTML स्निपेट कॉपी करें।
आइकन प्रीव्यू
किसी आइकन या लेबल पर क्लिक करके उस साइज़ को PNG में डाउनलोड करें। फ़ाइलें अपने प्रोजेक्ट में सेव करें (जैसे /assets/icons)।
यह जनरेटर पूरी तरह ब्राउज़र में चलता है। डाउनलोड किए PNG अपलोड करें और स्निपेट के पाथ अपने प्रोजेक्ट स्ट्रक्चर के हिसाब से अपडेट करें।
हर गंभीर प्रोजेक्ट को ब्राउज़र टैब में साफ़ favicon, iOS के लिए ऐपल टच आइकन और ऐंड्रॉइड व PWA के लिए ऐप आइकन चाहिए। यह टूल एक ही इमेज से सब बनाने में मदद करता है: स्क्वायर लोगो अपलोड करें, साइज़ चुनें, PNG डाउनलोड करें और HTML स्निपेट साइट में कॉपी करें।
favicon और ऐप आइकन क्यों ज़रूरी हैं
- Favicon — ब्राउज़र टैब और बुकमार्क में छोटा आइकन। इसके बिना टैब सामान्य दिखता है और आपकी ब्रांड कम पहचानी जाती है।
- ऐपल टच आइकन — जब यूज़र iPhone/iPad पर साइट को होम स्क्रीन में जोड़ते हैं तब इस्तेमाल होता है। सही साइज़ (जैसे 180×180) से आइकन शार्प रहता है।
- PWA / ऐंड्रॉइड आइकन — "होम स्क्रीन में जोड़ें" और इंस्टॉल के लिए ज़रूरी। आम साइज़: 192×192 और 512×512।
एक ही स्क्वायर सोर्स इमेज सब कवर कर सकती है। जनरेटर पूरी तरह ब्राउज़र में चलता है; आपका लोगो डिवाइस से बाहर नहीं जाता।
सुझाई गई सोर्स इमेज
कम से कम 512×512 पिक्सल की स्क्वायर इमेज (PNG या SVG) इस्तेमाल करें। ज़्यादा रिज़ॉल्यूशन ठीक है; टूल स्केल कर देगा। बहुत छोटी या खिंची हुई इमेज से बचें ताकि हाई-DPI स्क्रीन पर आइकन शार्प रहें।
टूल के साथ जल्दी शुरू करें
- अपलोड — "फ़ाइल चुनें" पर क्लिक करें और अपना लोगो चुनें (PNG या SVG, स्क्वायर, 512×512 या बड़ा)।
- बैकग्राउंड — अगर लोगो में ट्रांसपैरेंसी है तो बैकग्राउंड रंग चुनें; स्निपेट में यह
theme-colorके तौर पर भी जाता है। - साइज़ — जो साइज़ चाहिए वे चुनें (favicon 16/32, Apple 180, PWA 192/512 आदि)।
- डाउनलोड — किसी प्रीव्यू पर क्लिक करके उस साइज़ को PNG में डाउनलोड करें, या सब एक साथ पाने के लिए "सभी ZIP में डाउनलोड करें"।
- स्निपेट — HTML ब्लॉक कॉपी करके साइट के
<head>में पेस्ट करें। PNG सर्वर पर अपलोड करें (जैसे/assets/icons/) और ज़रूरत हो तो स्निपेट में पाथ अपडेट करें।
फ़ाइलें कहाँ रखें
आम सेटअप:
- favicon और आइकन PNG को
/assets/icons/जैसे फ़ोल्डर में या रूट में रखें। - स्निपेट में
hrefवैल्यू इन पाथ पर पॉइंट करें (जैसे/assets/icons/favicon-32x32.png)। - PWA के लिए 192×192 और 512×512 आइकन के लिए वही पाथ के साथ
site.webmanifestजोड़ें।
संक्षेप में
Favicon और ऐप आइकन जनरेटर से एक लोगो से सभी ज़रूरी साइज़ और <head> के लिए तैयार स्निपेट मिलता है। अच्छे रिज़ॉल्यूशन की स्क्वायर इमेज इस्तेमाल करें, PNG डाउनलोड करें और स्निपेट प्रोजेक्ट में लगा दें।
- स्क्वायर इमेज अपलोड करें (PNG या SVG, कम से कम 512×512 सुझाया गया)।
- बैकग्राउंड रंग और जो आइकन साइज़ जनरेट करने हैं चुनें (favicon, Apple touch, PWA)।
- हर PNG डाउनलोड करने के लिए प्रीव्यू पर क्लिक करें, फिर HTML स्निपेट अपनी साइट के <head> में कॉपी करें।
अक्सर पूछे जाने वाले प्रश्न
संबंधित टूल्स
यह उपकरण केवल व्यक्तिगत और शैक्षिक उपयोग के लिए प्रदान किया गया है। हम अपने सर्वरों पर किसी भी उपयोगकर्ता की सामग्री या मीडिया फ़ाइलों की होस्टिंग या भंडारण नहीं करते हैं। सभी प्रसंस्करण आपके ब्राउज़र में स्थानीय रूप से होता है। हम किसी भी उल्लिखित सोशल नेटवर्क, प्लेटफ़ॉर्म या कंपनी से संबद्ध नहीं हैं या उनके द्वारा अनुमोदित नहीं हैं। इस सेवा का उपयोग अपने विवेक से करें और संबंधित प्लेटफ़ॉर्म की सेवा शर्तों का पालन करें।