एक लोगो डालें, एक ZIP पाएं: favicon.ico, Apple और Android PNGs, और पेस्ट करने के लिए HTML।
favicon.ico (एक ही फ़ाइल में 16, 32 और 48), favicon-16/32/48.png, apple-touch-icon.png (180, iOS होम स्क्रीन), icon-192.png और icon-512.png (Android और PWA), site.webmanifest, और आपके head के लिए लाइन्स। सब कुछ एक ही ZIP में।
512px या उससे बड़ा चौकोर PNG, या कोई SVG। चौड़ा वर्डमार्क दोनों तरफ खाली जगह छोड़ते हुए बीच में आ जाता है, इसलिए सिर्फ एक सिंबल 16px पर कहीं बेहतर दिखता है; उस साइज़ पर अक्षर पढ़े नहीं जा सकते।
पारदर्शी (transparent) बैकग्राउंड टैब्स और बुकमार्क में स्वाभाविक लगते हैं, जबकि iOS होम-स्क्रीन आइकन्स के पारदर्शी हिस्सों में कोई सॉलिड रंग (अक्सर काला) भर सकता है, इसलिए वहां बैकग्राउंड सेट करना ज़्यादा सुरक्षित रहता है। iOS कोनों को खुद ही गोल कर देता है, इसलिए apple-touch-icon को आमतौर पर चौकोर ही छोड़ा जाता है। iOS, Android और Windows क्रमशः Apple, Google और Microsoft के ट्रेडमार्क हैं; Keepdesk उनसे संबद्ध (affiliated), प्रायोजित (sponsored) या उनके द्वारा समर्थित (endorsed) नहीं है।
फ़ाइलों को अपनी साइट के रूट (/) पर रखें और snippet.html की लाइनों को में पेस्ट करें। अगर कैशिंग के कारण पुराना आइकन ही दिख रहा है, तो URLs में ?v=2 जोड़ दें।
नहीं। रीसाइज़िंग, ICO पैकिंग और ज़िपिंग सब कुछ आपके ब्राउज़र में ही होता है।
कोई भी SVG जिसे ब्राउज़र ड्रा कर सके। ऐसे SVGs जिनमें बाहरी फ़ॉन्ट्स या इमेज का संदर्भ हो, उनके वे हिस्से छूट सकते हैं।
PNG-in-ICO आधुनिक ब्राउज़रों और हाल के Windows द्वारा पढ़ा जा सकता है, लेकिन बहुत पुराने सिस्टम केवल BMP-आधारित ICO ही पढ़ पाते हैं। उनके लिए साथ में favicon-32.png भी रखें।
आपको एक ZIP फ़ाइल मिलती है जिसमें मल्टी-साइज़ favicon.ico, विभिन्न PNG आइकन्स, एक वेब मैनिफ़ेस्ट और ज़रूरी HTML लिंक स्निपेट्स शामिल होते हैं।
हाँ, आप अपने आइकन के लिए square, rounded या circle शेप्स चुन सकते हैं।
नहीं, यह बैकग्राउंड नहीं हटाता है। अगर आपको पारदर्शी (transparent) सोर्स चाहिए, तो कृपया पहले किसी बैकग्राउंड रिमूवल टूल का इस्तेमाल करें।
हाँ, यह सुनिश्चित करने के लिए कि आपका आइकन किनारों से कटे नहीं, आप 0%, 8%, या 15% पैडिंग लगा सकते हैं।