आइकन मेकर क्या है?

आइकन मेकर ऐप्स, वेबसाइट और फ़ेविकॉन के लिए सरल, पेशेवर आइकन बनाने देता है। ग्रिड कैनवास पर शेप, अक्षर और रंग मिलाएँ, ज़रूरत हो तो बैकग्राउंड पर दो-रंग का ग्रेडिएंट भी लगाएँ, फिर PNG, SVG, मल्टी-साइज़ .ico या एक ही क्लिक में पूरा favicon ZIP बंडल कई साइज़ (16×16 से 512×512) में एक्सपोर्ट करें।

आधार के रूप में वृत्त, वर्ग या गोल किनारों वाला वर्ग चुनें, बैकग्राउंड और फ़ोरग्राउंड का रंग तय करें, फिर बीच में कोई एक अक्षर या आंतरिक प्रतीक (टिक, सितारा, तीर, दिल, प्लस) रखें। फ़ॉन्ट साइज़ और ऑफ़सेट से अक्षर को बीचों-बीच लाएँ और 16×16 के फ़ेविकॉन से लेकर 512×512 के PWA मेनिफ़ेस्ट तक छह मानक साइज़ एक क्लिक में एक्सपोर्ट करें।

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

1. चरण 1 — एक बेस शेप (वृत्त, वर्ग, गोल वर्ग) चुनें और बैकग्राउंड रंग सेट करें।
2. चरण 2 — एक अक्षर, प्रतीक, या सरल शेप ओवरले जोड़ें। फ़ोरग्राउंड रंग, साइज़ और पोज़ीशन एडजस्ट करें।
3. चरण 3 — कई साइज़ में प्रीव्यू करें और क्रिस्प स्केलिंग के लिए PNG (16, 32, 48, 128, 256, 512px), SVG, .ico में एक्सपोर्ट करें, या पेस्ट-रेडी HTML स्निपेट के साथ पूरा favicon ZIP बंडल एक क्लिक में डाउनलोड करें।

कब उपयोग करें

• किसी साइड प्रोजेक्ट के लिए फ़ेविकॉन बनाना है पर न Figma खोलना है और न आइकन पैक ख़रीदना।
• Android/iOS प्रोटोटाइप के लिए असली आर्ट आने तक का अस्थायी ऐप आइकन तैयार करना।
• व्यक्तिगत साइट या GitHub अवतार के लिए पहले अक्षर वाला रंगीन ब्रांड टाइल बनाना।

परिणाम

एक डेवलपर टूडू ऐप के लिए फ़ेविकॉन बनाता है: नीले गोल-वर्ग बैकग्राउंड (#3B82F6) पर सफ़ेद चेकमार्क प्रतीक, ब्राउज़र टैब के लिए 32×32 PNG और PWA मैनिफ़ेस्ट के लिए 512×512 PNG में एक्सपोर्ट किया गया।

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

वेबसाइट फ़ेविकॉन के लिए असल में कौन-से साइज़ चाहिए?

कम-से-कम डेस्कटॉप ब्राउज़र टैब के लिए 32×32 PNG और iOS होम-स्क्रीन व Android शॉर्टकट के लिए 180×180 (या 192×192)। PWA पब्लिश कर रहे हैं तो मेनिफ़ेस्ट के लिए 512×512 जोड़ें। "सभी साइज़ निर्यात करें" बटन पूरा सेट एक बार में दे देता है।

SVG में निर्यात करें या PNG में?

SVG किसी भी साइज़ पर साफ़ रहता है और साइडबार लोगो जैसी जगहों के लिए सही है, जहाँ अलग-अलग आकारों में आइकन चाहिए। फ़ेविकॉन, ऐप स्टोर और वेक्टर न लेने वाले प्लेटफ़ॉर्म के लिए PNG ज़रूरी है। मेनू दोनों विकल्प देता है।

क्या भीतर दिए सेट की जगह अपनी छवि या प्रतीक इस्तेमाल कर सकते हैं?

हाँ। ओवरले को «छवि» मोड पर ले जाएँ और PNG, JPG, SVG या WebP अपलोड करें — यह आपकी चुनी हुई आकृति के अनुसार कट जाती है, और निर्यात से पहले आप उसे बड़ा-छोटा कर, खिसका और घुमा सकते हैं। झटपट मार्क के लिए «अक्षर» मोड कोई भी एक वर्ण लेता है, चिपकाई इमोजी सहित। पूरी तरह अपना लोगो चाहिए हो तो पारदर्शी SVG डालें और पारदर्शी पृष्ठभूमि चुनें।

छोटे साइज़ में अक्षर बीच से हटा हुआ क्यों दिखता है?

टाइप का दृश्य केंद्र शायद ही ज्यामितीय केंद्र से मेल खाता है। नीचे की ओर लटकने वाले अक्षरों (g, p, y) या ऊँचे बड़े अक्षरों को गणितीय केंद्र से एक-दो पिक्सेल हटाकर रखने पर वे संतुलित दिखते हैं। निर्यात से पहले Offset X और Offset Y स्लाइडर से समायोजन कर लें।

गोल किनारों वाला वर्ग iOS या Android की प्रणाली आकृति से मेल खाता है?

यह iOS के पास का सामान्य गोल वर्ग है। Android (वृत्त, स्क्वर्कल, बूँद) और iOS दोनों आपके भेजे आइकन पर अपना अनुकूलनशील मास्क लगाते हैं, इसलिए फ़ुल-ब्लीड डिज़ाइन करें और ओएस को मौजूदा आकृति में काटने दें।

संबंधित उपकरण