फ़ेविकॉन जेनरेटर
सिर्फ़ एक इमेज से तैयार। favicon.ico, हर साइज़ के PNG और पेस्ट करने लायक HTML स्निपेट — सब ZIP में पाएँ।
क्लिक करके फ़ाइल चुनेंइमेज यहाँ खींचकर छोड़ें
चौकोर PNG सुझाया गया (512px या उससे बड़ा)
एक लोगो या इमेज से आपकी वेबसाइट के लिए पूरा फ़ेविकॉन सेट बना देता है। ब्राउज़र टैब में दिखने वाली favicon.ico से लेकर कई साइज़ की PNG, और सीधे पेस्ट करने लायक HTML कोड तक — सब कुछ एक ही बार में जुटा देता है, जिससे नई साइट शुरू करते समय आइकन तैयार करने की झंझट मिट जाती है। यह सब आपको एक ही ZIP में साफ़-सुथरा मिल जाता है।
इसे कैसे इस्तेमाल करें
- 1जिस इमेज को आइकन बनाना है उसे खींचकर छोड़ें, या क्लिक करके अपलोड करें (वर्गाकार PNG, 512px या उससे बड़ी सुझाई जाती है)।
- 2अपलोड करते ही favicon.ico और कई साइज़ की PNG अपने आप बन जाती हैं।
- 3साथ में दिखने वाला HTML कोड कॉपी करके अपनी साइट के <head> में पेस्ट करें।
- 4ZIP डाउनलोड दबाएँ, फ़ाइलें अपनी साइट के फ़ोल्डर में डाल दें — बस इतना ही!
काम की बातें
- वर्गाकार इमेज अपलोड करें ताकि वह दबे-खिंचे नहीं; अलग चौड़ाई-ऊँचाई वाली इमेज खिंची हुई दिख सकती है।
- आइकन बहुत छोटे दिखते हैं, इसलिए पतली लकीरों या बारीक अक्षरों के बजाय सादा और साफ़ आकार बेहतर दिखता है।
- ZIP की फ़ाइलें अपनी साइट के सबसे ऊपरी (रूट) फ़ोल्डर में ही रखें ताकि कोड के पाथ (/favicon.ico वगैरह) तुरंत सही बैठें।
अक्सर पूछे जाने वाले सवाल
एक favicon.ico, favicon-16x16.png और favicon-32x32.png जैसी कई साइज़ की PNG, Apple डिवाइस के लिए apple-touch-icon.png, 192 और 512px की PNG, एक site.webmanifest, और पेस्ट करने लायक HTML कोड (snippet.html) — सब इसमें होता है।
स्क्रीन पर दिखने वाला कोड वैसे का वैसा कॉपी करके अपनी साइट के <head> में पेस्ट कर दें। जब तक ZIP की फ़ाइलें साइट के रूट में रहती हैं, कोड के पाथ तुरंत काम करते हैं।
PNG, JPG या WebP जैसी कोई भी इमेज चलती है; साफ़ ट्रांसपेरेंट बैकग्राउंड वाली वर्गाकार PNG (512px या उससे बड़ी) सुझाई जाती है। नतीजा एक favicon.ico और PNG के सेट के रूप में बनता है।
नहीं। सब कुछ आपके ब्राउज़र के अंदर ही चलता है, इसलिए आपका ओरिजिनल लोगो डिवाइस से बाहर नहीं जाता। ZIP भी ब्राउज़र में ही बनकर मिलती है।