फ़ेविकॉन जेनरेटर

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

आपके पास एक लोगो है (अक्सर Figma, Canva या किसी डिज़ाइन सॉफ़्टवेयर से एक्सपोर्ट किया गया चौकोर PNG) और आपको इसे अपनी साइट में टैब आइकॉन और मोबाइल होम आइकॉन के रूप में जोड़ना है। हर आकार के लिए फ़ाइल को मैन्युअल रूप से रीसाइज़ करने के बजाय, यह टूल एक क्लिक में सभी अपेक्षित वर्ज़न जेनरेट कर देता है: ब्राउज़र टैब के लिए 16x16 और 32x32, Windows शॉर्टकट के लिए 48x48, और Apple Touch आइकॉन (iOS होम स्क्रीन पर जोड़ने) के लिए 180x180।

वाकई किन फ़ेविकॉन आकारों की ज़रूरत होती है?

व्यवहार में, 32x32 अधिकांश आधुनिक डेस्कटॉप ब्राउज़र को कवर करता है (हाई-डेंसिटी स्क्रीन अक्सर दोगुना इस्तेमाल करती हैं, इसलिए 48x48), और 180x180 वह आकार है जो Apple iPhone और iPad पर होम स्क्रीन आइकॉन के लिए सुझाता है। 16x16 पुराने फ़ेवरेट्स के लिए उपयोगी बना हुआ है, पर अब सख़्ती से ज़रूरी नहीं है।

जेनरेट की गई फ़ाइलें अपनी साइट पर कहाँ रखूँ?

डाउनलोड की गई PNG फ़ाइलों को अपनी साइट की रूट में रखें (उदाहरण के लिए /favicon-32.png ) और उन्हें अपने HTML पेजों के <head> में टैग के साथ रेफ़र करें <link rel="icon"> मानक आकारों के लिए और <link rel="apple-touch-icon"> 180x180 वर्ज़न के लिए।

हमारे सभी टूल की तरह, यह जेनरेटर WebAssembly की मदद से पूरी तरह आपके ब्राउज़र में काम करता है: आपका लोगो कभी भी किसी सर्वर पर नहीं भेजा जाता।