फ़ेविकॉन जनरेटर
किसी भी छवि से favicon.ico और पूरा PNG व मैनिफ़ेस्ट आइकन सेट बनाइए
इस टूल के बारे में
एक छवि छोड़िए — आदर्श रूप से 512px या उससे बड़ा वर्गाकार लोगो — और पूरा फ़ेविकॉन सेट पाइए: टैब और बुकमार्क के लिए 16, 32 और 48 px समेटे favicon.ico, मानक आकारों की PNG जिनमें 180px का Apple touch आइकन और 192/512px के PWA आइकन शामिल हैं, एक शुरुआती site.webmanifest, और <head> में चिपकाने के लिए <link> टैग। एक ZIP डाउनलोड में सब कुछ है, ठीक उन्हीं नामों से जिनकी परिपाटियाँ अपेक्षा करती हैं।
जिन ब्योरों में फ़ेविकॉन ट्यूटोरियल ग़लती करते हैं, वे यहाँ सँभाल लिए गए हैं: ICO में PNG-संपीड़ित प्रविष्टियाँ हैं (Windows Vista से हर जगह समर्थित, पुराने BMP आइकनों से कहीं छोटी); Apple touch आइकन आपकी चुनी हुई पृष्ठभूमि पर बैठा दिया जाता है, क्योंकि iOS पारदर्शिता को काले से बदल देता है; और PWA आइकन अपना अल्फ़ा बनाए रखते हैं। ग़ैर-वर्गाकार स्रोत दबाए जाने के बजाय बीच से काटे जाते हैं।
लोगो को 16px तक घटाना स्वभाव से ही विनाशकारी है — बारीक विवरण बच ही नहीं सकता — इसलिए पूर्वावलोकन पंक्ति हर आकार को उसके असली आयामों में दिखाती है, ताकि भेजने से पहले आप पठनीयता आँक सकें। सब कुछ स्थानीय canvas पर बनता है और ICO/ZIP कंटेनर पृष्ठ में ही बाइट-दर-बाइट जोड़े जाते हैं; आपका लोगो कहीं अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
- 2026 में असल में कौन-से फ़ेविकॉन आकार चाहिए?
- लोककथा जितने बताती है, उससे कम: पुराने तंत्रों और पता-पट्टी के लिए 16/32/48 वाला favicon.ico, एक 180px का apple-touch-icon.png, और वेब ऐप मैनिफ़ेस्ट से संदर्भित 192/512px की PNG। आधुनिक ब्राउज़र ठीक इसी सेट में से सबसे उपयुक्त चुन लेते हैं — कुछ जनरेटर जो 20 फ़ाइलों के पैक उगलते हैं, वे बस देखा-देखी है।
- मेरा लोगो 16px पर अपठनीय क्यों है?
- सोलह पिक्सेल निर्ममता की हद तक छोटे हैं — शब्द-चिह्न, पतली रेखाएँ और महीन ग्रेडिएंट सब घुल जाते हैं। मज़बूत फ़ेविकॉन ब्रांड को एक मोटे, उच्च-कंट्रास्ट चिह्न या आकृति तक समेट देते हैं। यदि यहाँ 16px का पूर्वावलोकन गड्डमड्ड दिखे, तो चिह्न के विशिष्ट हिस्से तक कसकर क्रॉप कीजिए या छोटे आकारों के लिए सरलीकृत संस्करण बनाइए।
- क्या अब भी .ico फ़ाइल चाहिए, या PNG फ़ेविकॉन काफ़ी हैं?
- हर आधुनिक ब्राउज़र PNG फ़ेविकॉन स्वीकारता है, पर /favicon.ico अब भी वह पथ है जिसे यूज़र एजेंट, क्रॉलर और पुराने औज़ार आँख मूँदकर माँगते हैं। वहाँ असली ICO देना कुछ किलोबाइट का ख़र्च है और 404 तथा फ़ॉलबैक की एक पूरी श्रेणी मिटा देता है — उसे अपने PNG लिंक के साथ रखिए।
- Apple touch आइकन को पृष्ठभूमि रंग की ज़रूरत क्यों है?
- iOS होम-स्क्रीन आइकनों में पारदर्शिता नहीं दिखाता — आपकी PNG में जो भी अल्फ़ा हो, वह काले पर बैठा दिया जाता है। अपने चुने हुए रंग पर पहले से बैठा देने से परिणाम इरादतन रहता है। ऐसी पृष्ठभूमि चुनिए जो आपके आइकन से मेल खाए, और याद रखिए कि कोने iOS ख़ुद गोल करता है, इसलिए किनारे तक भरा वर्ग दीजिए।