कोई अपलोड नहीं, 100% स्थानीय, कोई खाता नहीं

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

अपना लोगो या आइकन अपलोड करें और सभी मानक favicon आकार PNG के रूप में डाउनलोड करें। Apple Touch Icon और PWA आइकन शामिल। कुछ भी आपके डिवाइस से नहीं जाता।

फ़ेविकॉन जनरेटर कैसे काम करता है

Favicon Generator आपकी दी गई किसी भी इमेज को Canvas drawImage API का उपयोग करके मानक favicon आयामों में रीसाइज़ करता है: 16x16, 32x32, 48x48, 180x180 (Apple touch icon), 192x192 (Android Chrome) और 512x512 (PWA manifest)। सभी छह आकार आपके ब्राउज़र में बनाए जाते हैं, साथ ही 16x16, 32x32 और 48x48 इमेज को एक legacy फ़ाइल में जोड़ने वाली मल्टी-साइज़ favicon.ico भी बनती है। आपकी स्रोत इमेज कभी आपके डिवाइस से नहीं जाती।

एक पूर्ण favicon सेट ब्राउज़र टैब आइकन, बुकमार्क, होम स्क्रीन शॉर्टकट और PWA स्प्लैश स्क्रीन की पूरी श्रृंखला को कवर करता है। उच्च-रिज़ोल्यूशन स्रोत इमेज (कम से कम 512x512 पिक्सेल) का उपयोग करने से डाउनस्केलिंग एल्गोरिदम को काम करने के लिए अधिक विवरण मिलते हैं। प्रत्येक बनाई गई फ़ाइल को संदर्भित करने के लिए आवश्यक HTML link टैग एक स्निपेट में दिखाए जाते हैं जिसे आप सीधे अपने पेज के head तत्व में कॉपी कर सकते हैं।

लिखा है Bastien Sulyan

फ़ेविकॉन जनरेटर: चरण दर चरण उपयोग विधि

  1. अपनी स्रोत इमेज अपलोड क्षेत्र पर ड्रॉप करें। सर्वोत्तम परिणामों के लिए 512 px या बड़ी वर्गाकार इमेज का उपयोग करें।
  2. परिणाम पैनल में छह बनाए गए आकारों का प्रीव्यू करें।
  3. परिणाम पैनल से सभी छह PNG फ़ाइलों को अलग-अलग डाउनलोड करें।
  4. सभी आकारों के लिए link टैग दिखाने वाला HTML स्निपेट कॉपी करें।
  5. PNG फ़ाइलें अपनी साइट root पर रखें और link टैग अपने पेज head में पेस्ट करें।

सामान्य उपयोग के मामले

  • एक डेवलपर नई वेबसाइट सेट करता है और डिज़ाइन टूल सब्सक्रिप्शन के बिना ब्रांड लोगो से सभी favicon आकार बनाना चाहता है।
  • एक PWA लेखक होम स्क्रीन इंस्टॉलेशन के लिए वेब ऐप manifest में आवश्यक 192x192 और 512x512 आइकन बनाता है।
  • एक ब्लॉगर अपनी साइट पहचान ताज़ी करता है और डिफ़ॉल्ट favicon को अपने लोगो से बनाए कस्टम आइकन से बदलता है।
  • एक फ्रीलांसर ऑफलाइन डिज़ाइन सॉफ़्टवेयर इंस्टॉल करने की प्रतीक्षा किए बिना क्लाइंट प्रोजेक्ट के लिए पूरा favicon सेट जल्दी बनाता है।

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

मैं स्रोत के रूप में कौन से इमेज फॉर्मेट उपयोग कर सकता हूं?

ब्राउज़र जो भी फ़ॉर्मेट डीकोड कर सकता है वह इनपुट के रूप में काम करता है: JPEG, PNG, WebP, GIF और SVG। SVG स्रोतों के लिए, ब्राउज़र रीसाइज़ करने से पहले वेक्टर को Canvas पर रास्टराइज़ करता है, इसलिए आउटपुट PNG रास्टर इमेज होती हैं।

ब्राउज़र टैब में मेरा favicon धुंधला क्यों है?

16x16 और 32x32 आकार बहुत छोटे हैं। यदि स्रोत इमेज में महीन विवरण या पतली रेखाएं हैं, तो वे डाउनस्केल में नहीं बचेंगी। छोटे आकारों पर जटिल चित्रण की तुलना में स्पष्ट आकार वाला सरल, बोल्ड डिज़ाइन बहुत बेहतर काम करता है।

क्या टूल ICO फ़ाइलें बनाता है?

हां। छह PNG के अलावा, टूल एक favicon.ico भी बनाता है जिसमें 16x16, 32x32 और 48x48 इमेज एक ही फ़ाइल में होती हैं, जो पुराने Windows ब्राउज़र और कुछ crawlers अभी भी साइट root पर ढूंढते हैं। आधुनिक ब्राउज़र PNG links से संतुष्ट रहते हैं, इसलिए दोनों प्रकाशित करने में कोई नुकसान नहीं और हर client अपनी पसंद चुन सकता है।

क्या स्रोत इमेज सर्वर पर प्रोसेस होती है?

नहीं। Canvas drawImage कॉल जो प्रत्येक आकार उत्पन्न करती हैं, आपके ब्राउज़र टैब में चलती हैं। स्रोत इमेज आपकी लोकल डिस्क से पढ़ी जाती है और छह PNG आउटपुट मेमोरी में बनाए जाते हैं और डाउनलोड के रूप में उपलब्ध होते हैं। कोई फ़ाइल डेटा सर्वर से नहीं गुजरता।

Apple touch icon के लिए कौन सा आकार उपयोग करना चाहिए?

iOS और iPadOS apple-touch-icon link टैग द्वारा संदर्भित 180x180 पिक्सेल PNG का उपयोग करते हैं। यह आकार तब उपयोग होता है जब कोई उपयोगकर्ता Apple डिवाइस पर आपकी साइट को होम स्क्रीन पर जोड़ता है। टूल अन्य आकारों के साथ यह फ़ाइल भी बनाता है।

क्या मैं आयताकार इमेज को स्रोत के रूप में उपयोग कर सकता हूं?

हाँ, लेकिन आउटपुट वर्गाकार canvas में फिट होने के लिए letter-boxed या pillar-boxed होगी। सर्वोत्तम परिणामों के लिए, टूल का उपयोग करने से पहले वर्गाकार इमेज से शुरू करें या अपनी स्रोत इमेज को वर्गाकार में क्रॉप करें।

संबंधित टूल

सब कुछ स्थानीय रखें, पूरक टूल एक्सप्लोर करें।

सभी इमेज टूल