TanodTools
HI

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

किसी इमेज या अक्षर को फ़ेविकॉन फ़ाइलों के पूरे सेट में बदलें, उन्हें इस्तेमाल करने वाले HTML के साथ।

आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं

इमेज यहाँ छोड़ें

PNG, JPEG, WebP, GIF, BMP या AVIF। या नीचे अक्षर वाले आइकन पर जाएं।

इसी डिवाइस पर खुलती है। कुछ भी अपलोड नहीं होता।

आइकन किससे बनाएं

फ़िट

एक बार में एक इमेज, 50 MB और लगभग 100 मेगापिक्सल तक। अक्षर वाले आइकन में 1 या 2 अक्षर होते हैं।

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

  1. इमेज चुनें, या अक्षर पर जाएं और अपने रंगों के साथ एक या दो अक्षर लिखें।
  2. इमेज के लिए बीच से चौकोर क्रॉप या पैडिंग के साथ फ़िट चुनें। 16, 32, 48 और 180 पिक्सल पर प्रीव्यू देखें।
  3. फ़ेविकॉन फ़ाइलें बनाएं दबाएं, .zip डाउनलोड करें और HTML अपने पेजों में पेस्ट करें।

फ़ेविकॉन सेट में क्या होता है

फ़ेविकॉन ब्राउज़र टैब, बुकमार्क सूची या सर्च नतीजे में दिखने वाला छोटा आइकन है। ब्राउज़र कुछ अलग-अलग फ़ाइलें ढूँढते हैं: पुराने और आम इस्तेमाल के लिए favicon.ico, टैब के लिए 16 और 32 पिक्सल के PNG आइकन, iPhone और iPad की होम स्क्रीन के लिए 180 पिक्सल का Apple टच आइकन, और Android व इंस्टॉल होने वाले वेब ऐप के लिए 192 और 512 पिक्सल के आइकन। एक छोटी site.webmanifest फ़ाइल Android आइकन की सूची रखती है।

यह टूल हर साइज़ को आपकी मूल इमेज से अलग-अलग बनाता है, इसलिए छोटे साइज़ पूरी इमेज से घटाए जाते हैं, किसी छोटी इमेज को बड़ा करके नहीं बनाए जाते। .ico फ़ाइल 16, 32 और 48 पिक्सल की तीन PNG इमेज के कंटेनर के रूप में लिखी जाती है। अक्षर वाले आइकन हर साइज़ पर सीधे बनाए जाते हैं, इसलिए किनारे तीखे रहते हैं।

सुझाव

  • गहरे, सादे आकार और मज़बूत कंट्रास्ट इस्तेमाल करें। 16 पिक्सल पर बारीक विवरण ग़ायब हो जाता है।
  • फ़ोटो के एक हिस्से से चौकोर तस्वीर चाहिए? पहले 1:1 के साथ इमेज क्रॉप करें इस्तेमाल करें।
  • दूसरे साइज़ चाहिए? इमेज का साइज़ बदलें कोई भी चौड़ाई और ऊँचाई देता है।

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

क्या मेरी इमेज अपलोड होती है?

नहीं। आइकन आपके डिवाइस पर, आपके ब्राउज़र में बनते हैं, और zip भी वहीं बनती है। सर्वर पर कुछ नहीं भेजा जाता।

मुझे कौन-सी फ़ाइलें मिलती हैं?

favicon.ico (16, 32 और 48 पिक्सल वाले रूप), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 पिक्सल), android-chrome-192x192.png, android-chrome-512x512.png और site.webmanifest, एक .zip में।

फ़ाइलें कहाँ रखूँ?

अपनी वेबसाइट के रूट फ़ोल्डर में, ताकि वे /favicon.ico जैसे पतों पर मिलें। फिर फ़ाइलें बनाने के बाद दिखा HTML स्निपेट अपने पेजों के हेड में पेस्ट करें।

मुझे किस इमेज से शुरू करना चाहिए?

कम से कम 512 × 512 पिक्सल की चौकोर तस्वीर सबसे साफ़ नतीजा देती है, क्योंकि सबसे बड़ा आइकन 512 पिक्सल का है। सादे आकार 16 पिक्सल तक छोटे होने पर बारीक आकारों से कहीं बेहतर बचते हैं। 16 और 32 पिक्सल के प्रीव्यू देख लें।

क्रॉप और पैडिंग में क्या फ़र्क है?

क्रॉप इमेज के बीच से एक चौकोर हिस्सा लेता है और बाकी छोड़ देता है। पैडिंग के साथ फ़िट पूरी इमेज रखता है, उसे थोड़े मार्जिन के साथ बीच में रखता है, और ख़ाली जगह आपके बैकग्राउंड रंग से भरता है या पारदर्शी छोड़ता है।

क्या .ico फ़ाइल मान्य है?

हाँ। उसमें 16, 32 और 48 पिक्सल की तीन PNG-एन्कोड इमेज हैं, जिन्हें हर मौजूदा ब्राउज़र पढ़ता है।