ToolsMaxxing

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

एक इमेज से favicon.ico और ज़रूरी सभी साइज़ के PNG बनाएँ।

या इमेज यहाँ खींचकर छोड़ें

PNG, JPG, WebP या GIF इमेज (चौकोर लोगो सबसे अच्छा रहता है)

आपकी फ़ाइलें आपके डिवाइस पर ही रहती हैं

  1. 1फ़ाइलें जोड़ें
  2. 2सेटिंग बदलें
  3. 3डाउनलोड करें

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

  1. 1एक चौकोर लोगो या इमेज जोड़ें। 512 गुणा 512 पिक्सेल या उससे बड़ी इमेज से सबसे अच्छा नतीजा मिलता है।
  2. 2चुनें कि चौकोर न होने वाली इमेज अंदर फ़िट हो या क्रॉप हो, और बैकग्राउंड चुनें।
  3. 3फ़ेविकॉन सेट बनाएँ चुनें।
  4. 4ZIP डाउनलोड करें, फ़ाइलें अपनी साइट के रूट में रखें और favicon-html.txt का HTML अपने head में पेस्ट करें।

विकल्पों का मतलब

अंदर फ़िट करें
पूरी इमेज रखता है और छोटी तरफ़ ख़ाली जगह जोड़ता है।
भरने के लिए क्रॉप करें
चौकोर को भर देता है और चौड़ी या लंबी इमेज के किनारे काट देता है।
बैकग्राउंड
पारदर्शी में पारदर्शिता बनी रहती है। सफ़ेद या काला उसे भर देता है। Apple touch icon को हमेशा ठोस बैकग्राउंड मिलता है।

प्राइवेसी

आपकी इमेज आपके ब्राउज़र में ही रीसाइज़ होती है और कभी अपलोड नहीं होती।

लोग अक्सर पूछते हैं

मुझे कौन-सी फ़ाइलें मिलती हैं?

16, 32 और 48 px इमेज वाला favicon.ico, अलग-अलग 16, 32 और 48 px के PNG, 180 px का apple-touch-icon.png, Android के लिए 192 और 512 px के आइकन, एक site.webmanifest फ़ाइल और HTML टैग वाली टेक्स्ट फ़ाइल।

क्या मुझे अब भी favicon.ico चाहिए?

कई ब्राउज़र PNG आइकन पढ़ लेते हैं, लेकिन कुछ क्रॉलर, फ़ीड रीडर और पुराने टूल अब भी /favicon.ico माँगते हैं, इसलिए इसे रखना अच्छा है।

मेरा फ़ेविकॉन बहुत छोटा और अस्पष्ट क्यों दिखता है?

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

मेरा ब्राउज़र अब भी पुराना आइकन क्यों दिखा रहा है?

ब्राउज़र फ़ेविकॉन को लंबे समय तक कैश रखते हैं। हार्ड रिफ़्रेश करें, या लिंक में /favicon.ico?v=2 जैसा वर्शन जोड़ें।

क्या मैं SVG अपलोड कर सकता हूँ?

इस वर्शन में नहीं। पहले अपनी SVG को बड़े PNG के रूप में एक्सपोर्ट करें। आधुनिक साइट इन फ़ाइलों के साथ SVG आइकन लिंक भी जोड़ सकती है।

मिलते-जुलते टूल्स