Favicon कैसे बनाएँ (Logo, Image या Emoji)
एक logo, फ़ोटो, image URL या emoji से, और इसे 16x16 पर पठनीय कैसे बनाए रखें।
काम का स्वरूप
- 1
एक स्रोत चुनें
किसी logo या image फ़ाइल, एक emoji या नामित आइकन, या एक image URL से शुरू करें।
- 2
छोटे आकारों के लिए डिज़ाइन करें
चिन्ह को सरल और ऊँचे कंट्रास्ट वाला रखें ताकि यह 16x16 पिक्सेल पर भी पठनीय रहे।
- 3
हर आकार और format निर्यात करें
एक ही बार में .ico, PNG आकार, apple-touch-icon और manifest आइकन जेनरेट करें।
तरीका A: किसी logo या image से
एक logo, एक आइकन या यहाँ तक कि एक स्क्रीनशॉट अपलोड करें। Generator इसे क्रॉप, स्केल और हर आकार के साथ .ico और manifest निर्यात करता है। पारदर्शी बैकग्राउंड वाला PNG या SVG स्रोत आर्ट सबसे साफ़ नतीजा देता है।
तरीका B: किसी emoji या नामित आइकन से
अभी तक logo नहीं है? एक emoji या नामित आइकन चुनें और generator इसे आपकी पसंद के चौकोर या गोल बैकग्राउंड पर रेंडर कर देता है। किसी साइड प्रोजेक्ट, प्रोटोटाइप या आंतरिक टूल के लिए पहचान योग्य favicon भेजने का यह सबसे तेज़ तरीका है।
तरीका C: किसी image URL से
एक URL पेस्ट करें और किसी मौजूदा साइट या asset से सीधे आर्टवर्क खींचें। तब सुविधाजनक जब आप कोई ऐसा ब्रांड फिर से बना रहे हों जो पहले से कहीं और लाइव है।
छोटे आकारों के लिए डिज़ाइन करें
512x512 आर्ट से शुरू करें और छोटा करें, कभी बड़ा नहीं।
महीन डिटेल और पतली स्ट्रोक हटा दें; ये 16px पर गायब हो जाती हैं।
हल्के और गहरे tabs पर परखें। अगर आपको हर एक के लिए अलग चिन्ह चाहिए, तो theme-aware favicons इसे संभाल लेते हैं।
निर्यात से पहले favicon आकार गाइड में हर आयाम की समीक्षा करें।
16x16, असली आकार में
सही format चुनें
| Format | यह किसलिए है |
|---|---|
| ICO | लेगेसी डिफ़ॉल्ट, अब भी /favicon.ico पर माँगा जाता है। एक ही फ़ाइल में कई आकार बंडल करता है। |
| PNG | आधुनिक browsers, apple-touch-icon और Android का वर्कहॉर्स। हर आकार के लिए एक फ़ाइल। |
| SVG | साफ़ तरीके से स्केल होता है और theme स्विचिंग का समर्थन करता है, पुराने browsers के लिए PNG fallbacks के साथ। |
अभियान या मौसमी आइकन डिज़ाइन करना
कोई त्योहार वेरिएंट या product-launch चिन्ह चाहिए? हैंडऑफ़ से पहले text, emoji और आइकनों के साथ favicons को मॉक और ट्वीक करने के लिए क्रिएटिव कैनवास का इस्तेमाल करें।
अक्सर पूछे जाने वाले प्रश्न
Favicon का आकार क्या होना चाहिए?
ऊँचे रिज़ॉल्यूशन (512x512) पर डिज़ाइन करें और 16x16, 32x32, 48x48, 180x180 और 192x192 तक निर्यात करें ताकि हर browser और डिवाइस को साफ़ आइकन मिले।
क्या मैं emoji से favicon बना सकता हूँ?
हाँ। एक emoji या नामित आइकन चुनें और generator इसे पारदर्शी या रंगीन बैकग्राउंड पर रेंडर करके हर favicon आकार स्वतः निर्यात कर देता है।
Favicon किस format में होना चाहिए?
लेगेसी समर्थन के लिए एक मल्टी-रिज़ॉल्यूशन .ico, आधुनिक browsers और डिवाइसों के लिए PNGs, और साफ़ स्केलिंग के लिए वैकल्पिक रूप से एक SVG भेजें। एक अच्छा generator ये सभी तैयार करता है।