अपना आर्टवर्क चुनें
सबसे शार्प आइकन और SVG favicon के लिए SVG अपलोड करें, या PNG, JPG, WebP या HEIC। साइन इन करके आप इसकी जगह अपना कोई अनलॉक किया गया नतीजा चुन सकते हैं।
Favicon और PWA आइकन जेनरेटर
एक अपलोड, ब्राउज़र टैब या होम स्क्रीन के लिए ज़रूरी हर आइकन, साथ में उनसे जुड़े टैग।
अपना favicon सेट बनाएं
SVG, PNG, JPG, WebP, HEIC · 8 MB तक · आपकी अपनी फ़ाइलों और अनलॉक किए गए नतीजों के लिए फ्री
यह टूल क्या करता है
एक इमेज से आपकी साइट के लिए ज़रूरी हर आइकन बनाता है: favicon.ico, PNG favicon, SVG favicon (SVG से), आपके बैकग्राउंड रंग पर Apple touch आइकन, और वेब ऐप आइकन — maskable आइकन भी, जो फ़ोन के अपने आकार में काटे जाने पर भी साफ़ दिखते हैं। ZIP में site.webmanifest और favicon.html भी है, यानी आपके पेजों में पेस्ट करने वाले टैग। PNG, JPG, WebP या HEIC को SVG favicon के अलावा हर आइकन मिलता है; यह टूल इमेज ट्रेस नहीं करता।
सुरक्षा के लिए स्क्रिप्ट, ऐनिमेशन, एम्बेड किया गया वेब कंटेंट, लिंक और कोई दूसरी फ़ाइल लोड करने वाली हर चीज़ हटा दी जाती है; आपका आर्टवर्क और एम्बेड की गई PNG, JPEG या WebP इमेज बनी रहती हैं। नतीजे में हटाई गई हर चीज़ की लिस्ट होती है।
इनपुट, आउटपुट और सीमाएं
इनपुट
SVG, PNG, JPEG, WebP या HEIC
आउटपुट
favicon.ico, PNG favicon, SVG favicon (SVG सोर्स से), Apple touch आइकन, PWA आइकन, site.webmanifest और HTML टैग वाला ZIP
सीमाएं
8 MB तक की फ़ाइलें; 24 मेगापिक्सेल तक की PNG, JPG और WebP इमेज, जो एक्सपोर्ट से पहले 1,536 px पर स्केल की जाती हैं। यह 16, 32, 48 px इमेज वाला favicon.ico, 16 और 32 px के PNG favicon, 180 px का Apple touch आइकन और 192 और 512 px के ऐप आइकन बनाता है, हर एक maskable आइकन के रूप में भी, जिसका आर्टवर्क सेफ़ ज़ोन के अंदर रहता है (बीच में एक गोला, जिसका रेडियस आइकन के साइज़ का 40% है)। प्रोसेसिंग की सीमा: 30 सेकंड।
यह कैसे काम करता है
नाम दें और रंग चुनें
नाम और छोटा नाम वेब मैनिफ़ेस्ट में जाते हैं। थीम कलर वह रंग है जो कुछ ब्राउज़र अपने इंटरफ़ेस को देते हैं; बैकग्राउंड रंग Apple touch आइकन और maskable आइकन में भरा जाता है।
फ़ाइलें अपलोड करें और टैग पेस्ट करें
ZIP की हर फ़ाइल उस फ़ोल्डर में रखें जो आपने पाथ प्रीफ़िक्स के रूप में दिया था, फिर favicon.html के टैग हर पेज के head में पेस्ट करें। ZIP की README बताती है कि हर फ़ाइल किसलिए है।
समस्या और हल
favicon.svg क्यों नहीं है?
SVG favicon सिर्फ़ ऐसे SVG से बनता है जो पूरी तरह वेक्टर आर्टवर्क हो। PNG, JPG, WebP या HEIC, या अंदर तस्वीर वाले SVG को इसकी जगह PNG और ICO favicon मिलते हैं, और नतीजे में यह बताया जाता है।
पुराना आइकन अब भी दिखता है
ब्राउज़र favicon को लंबे समय तक कैश में रखते हैं। नई फ़ाइलें देखने के लिए पेज को प्राइवेट विंडो में खोलें, या साइट का डेटा साफ़ करें।
maskable आइकन में मेरा लोगो छोटा दिखता है
लॉन्चर maskable आइकन को गोल काट सकते हैं, इसलिए आर्टवर्क को गोल सेफ़ ज़ोन में फ़िट होने लायक छोटा किया जाता है। इसे बड़ा करने के लिए पैडिंग कम करें; गोल मार्क पूरा गोला भर सकता है।
क्या पाथ प्रीफ़िक्स से मैनिफ़ेस्ट बदलता है?
नहीं। site.webmanifest के अंदर आइकन के पाथ मैनिफ़ेस्ट के हिसाब से रिलेटिव होते हैं, इसलिए जब तक फ़ाइलें साथ रहें, वे किसी भी फ़ोल्डर से काम करते हैं। प्रीफ़िक्स favicon.html में पाथ तय करता है।
ऐक्सेस और प्राइसिंग
आपकी अपलोड की गई फ़ाइल या पहले से अनलॉक किए गए नतीजे पर चलाने पर यह टूल क्रेडिट इस्तेमाल नहीं करता। फ़ाइलें गेस्ट के लिए 24 घंटे और अकाउंट में 30 दिन रखी जाती हैं। प्राइसिंग देखें।