कौन-से साइज़ बनते हैं?

16×16, 32×32, 48×48 (favicon.ico में बंडल), 180×180 (Apple Touch Icon), 192×192 और 512×512 (PWA आइकन)।

क्या पारदर्शिता बनी रहती है?

हाँ। PNG का अल्फ़ा चैनल सभी आउटपुट फ़ाइलों में बना रहता है, ICO फ़ॉर्मेट सहित।

favicon.ico और PNG आइकन में क्या अंतर है?

favicon.ico पुराने ब्राउज़र के सपोर्ट के लिए कई साइज़ एक फ़ाइल में बंडल करता है, जबकि PNG आइकन आधुनिक ब्राउज़र और PWA में इस्तेमाल होते हैं। दोनों देने से अधिकतम संगतता मिलती है।

अच्छी सोर्स इमेज कैसी होती है?

512×512 पिक्सल या उससे बड़ी, पारदर्शी बैकग्राउंड वाली वर्गाकार PNG छोटे आइकन साइज़ में घटाने पर सबसे अच्छा नतीजा देती है।

मैं favicon अपनी वेबसाइट में कैसे जोड़ूँ?

अपने HTML के <head> में <link rel="icon" href="/favicon.ico"> और <link rel="apple-touch-icon" href="/apple-touch-icon.png"> जोड़ें।

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

PNG को favicon.ico और मल्टी-साइज़ पैकेज में बदलें

होम · मुफ़्त इमेज टूल्स

क्षैतिज रूप से मर्ज करें

ऊर्ध्वाधर रूप से मर्ज करें

ग्रिड विभाजित करें → ZIP

ग्रिड विभाजित करें → GIF

favicon कैसे बनाएँ

1PNG इमेज अपलोड करें (पारदर्शी बैकग्राउंड बेहतर)

2ज़रूरी आइकन साइज़ चुनें

3ZIP पैकेज डाउनलोड करें और अपनी वेबसाइट में जोड़ें

favicon टिप्स और उपयोग के मामले

वेबसाइट — क्रॉस-ब्राउज़र संगतता

Chrome, Safari, Firefox और Edge में सही दिखने के लिए favicon.ico और PNG फ़ाइलें दोनों दें। बनाए गए ZIP की सारी फ़ाइलें अपने वेब रूट में अपलोड करें और HTML के head में संबंधित link टैग जोड़ें।

PWA / मोबाइल होम स्क्रीन

प्रोग्रेसिव वेब ऐप्स और होम स्क्रीन शॉर्टकट के लिए 192×192 और 512×512 PNG चाहिए। Android और iOS पर हाई-रेज़ोल्यूशन आइकन दिखाने के लिए अपनी manifest.json के icons ऐरे में दोनों साइज़ रजिस्टर करें।

ब्रांड पहचान — लोगो को आइकन बनाएँ

favicon में बदलने से पहले अपने लोगो का सिर्फ़ प्रतीक या चिह्न एक वर्गाकार PNG में क्रॉप करें। डिज़ाइन सरल रखें — यह 16×16 पिक्सल पर भी पहचाना जाना चाहिए।

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