श्रेणी: इमेज टूल
फ़ेविकॉन जेनरेटर
एक छवि से पूरा आइकन सेट बनाएँ
एक लोगो खोलिए और 16, 32, 48, 64, 128, 180, 192 तथा 512 पिक्सेल के PNG आइकन पाइए, साथ ही head में चिपकाने लायक link टैग। हर माप ब्राउज़र में बनती है और छवि कभी अपलोड नहीं होती।
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
फ़ाइलें साइट की जड़ में रखें ताकि ऊपर दिए URL काम करें, और नाम न बदलें: जगह बदला हुआ favicon दोबारा क्रॉल कराना पड़ता है।
इस पेज पर सब कुछ आपके ब्राउज़र में संसाधित होता है। कुछ भी अपलोड नहीं होता।
यह टूल क्या करता है
फ़ेविकॉन अब एक फ़ाइल नहीं रह गया। ब्राउज़र टैब को 16, 32 और 48 पिक्सेल चाहिए, ऊँचे घनत्व वाली स्क्रीन 64 और 128 माँगती हैं, iOS 180 पिक्सेल का apple-touch-icon पढ़ता है, और एंड्रॉइड का वेब ऐप मैनिफ़ेस्ट 192 और 512 माँगता है। यह उपकरण एक ही स्रोत छवि से, हर माप के लिए एक canvas लेकर, सब बना देता है: डिज़ाइन को खींचकर बिगाड़ने के बजाय वर्ग के भीतर बिठाता है, और स्थिर URL पर उन्हें जोड़ने वाला मार्कअप भी लौटाता है। सब कुछ PNG में, क्योंकि आज इस्तेमाल होने वाला हर ब्राउज़र PNG फ़ेविकॉन पढ़ता है और पुराना ICO प्रारूप बदले में कुछ नहीं देता।
इस्तेमाल कैसे करें
- लोगो या वर्गाकार छवि चुनें, बेहतर हो कि 512 x 512 या उससे बड़ी।
- चाहें तो चारों ओर जगह जोड़ें, या आइकन अपारदर्शी चाहिए तो पृष्ठभूमि भरें।
- हर माप डाउनलोड करें, उन्हें साइट की जड़ में रखें और HTML अपने head में चिपकाएँ।
निजता
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।
अक्सर पूछे जाने वाले सवाल
- क्या मेरा लोगो अपलोड होता है?
- नहीं। हर आइकन इसी पेज के canvas पर बनता है और स्थानीय डाउनलोड के रूप में मिलता है। छवि आपके डिवाइस से बाहर नहीं जाती।
- स्रोत छवि कितनी बड़ी होनी चाहिए?
- कम से कम 512 x 512, वर्गाकार, और निशान के चारों ओर थोड़ी जगह के साथ। इससे छोटी छवि को बड़ी मापों के लिए बढ़ाना पड़ता है और वह धुँधली दिखती है।
- क्या अब भी favicon.ico फ़ाइल चाहिए?
- आज के ब्राउज़रों के लिए नहीं, वे सब link टैग से घोषित PNG आइकन पढ़ लेते हैं। कुछ बहुत पुराने सॉफ़्टवेयर अब भी /favicon.ico खोजते हैं, इसलिए अगर पहले से है तो रखने में हर्ज नहीं।