फ़ेविकॉन और ऐप आइकन जनरेटर (PNG, ICO, manifest)

लोगो छवि या एक-दो अक्षरों से फ़ेविकॉन और ऐप आइकन का पूरा सेट बनाता है: 16 से 512 px तक हर आकार, favicon.ico, apple-touch-icon और manifest एक ही डाउनलोड में, नई साइट या होम स्क्रीन पर जोड़े जाने वाले ऐप के लिए।

इस्तेमाल का तरीका

1. "किससे बनाएँ" में "अक्षरों से" या "छवि से" चुनें। "अक्षर" में एक या दो अक्षर लिखें, या छवि फ़ाइल छोड़ें या "उदाहरण लोड करें" दबाएँ।
2. "पृष्ठभूमि का आकार", "पृष्ठभूमि का रंग" और "अंदरूनी हाशिया" बदलें; पूर्वावलोकन तुरंत बदल जाता है। छवियों के लिए "पारदर्शी पृष्ठभूमि" भी है।
3. "ऐप या साइट का नाम" और "छोटा नाम" site.webmanifest में जाते हैं। Android के लिए "मास्केबल आइकन भी बनाएँ" चालू करें।
4. "zip के रूप में सहेजें" दबाएँ, फ़ाइलें साइट के रूट में अपलोड करें, फिर "HTML head स्निपेट" को head तत्व में कॉपी करें।

यह कैसे काम करता है

• पहले 512 px की मूल छवि बनती है और फिर उसे चरणबद्ध आधा करके 16, 32, 48, 180, 192 और 512 px के PNG बनते हैं, ताकि छोटे आकार में भी पतली रेखाएँ साफ़ रहें।
• favicon.ico में ICO कंटेनर के अंदर 16, 32 और 48 px के PNG होते हैं; आधुनिक ब्राउज़र ICO के अंदर का PNG डेटा सीधे पढ़ लेते हैं।
• मास्केबल आइकन अपनी सामग्री बीच के 80% सुरक्षित क्षेत्र में रखता है, ताकि Android उसे वृत्त या गोल-कोने वाले वर्ग में काटे तो भी कुछ न कटे।
• छवियाँ और अक्षर केवल इसी ब्राउज़र में प्रोसेस होते हैं और कभी अपलोड नहीं होते। सेटिंग अगली बार के लिए इसी ब्राउज़र में रहती हैं।

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

फ़ेविकॉन कितने आकार का होना चाहिए?

ब्राउज़र टैब 16 और 32 px, शॉर्टकट 48 px, iPhone होम स्क्रीन 180 px, और Android या PWA इंस्टॉल 192 और 512 px उपयोग करते हैं। यह पेज छहों एक साथ बनाता है।

क्या अब भी .ico फ़ाइल चाहिए?

यह पुराने ब्राउज़रों और /favicon.ico को अपने आप माँगने वाले क्लाइंट के लिए उपयोगी है। PNG लिंक भी शामिल हैं, इसलिए आधुनिक ब्राउज़र PNG फ़ाइलों को प्राथमिकता देते हैं।

अक्षर आइकन में कौन-सा फ़ॉन्ट उपयोग होता है?

आपके डिवाइस पर इंस्टॉल सिस्टम फ़ॉन्ट, आपके चुने परिवार का। दूसरा डिवाइस उसी परिवार को अलग फ़ॉन्ट से बना सकता है।

क्या आइकन की पृष्ठभूमि पारदर्शी हो सकती है?

छवियों के लिए हाँ: "पारदर्शी पृष्ठभूमि" चालू करें और PNG की पृष्ठभूमि खाली रहेगी। अक्षर आइकन में हमेशा पृष्ठभूमि रंग होता है।