SVG से Favicon

किसी SVG लोगो को पूरे favicon सेट में बदलें — favicon.ico, apple-touch-icon और वेब ऐप आइकन — आपके ब्राउज़र में साफ़-तीखे ढंग से रास्टराइज़ किए हुए। कुछ भी अपलोड नहीं होता।

निजता सर्वोपरि: हर छवि आपके ब्राउज़र में स्थानीय रूप से संसाधित होती है। कुछ भी किसी सर्वर पर अपलोड, संग्रहीत या प्रेषित नहीं किया जाता।

वेक्टर अंदर, हर रास्टर साइज़ बाहर

SVG favicon का आदर्श सोर्स है: वह रिज़ॉल्यूशन से स्वतंत्र होता है, इसलिए हर आइकन साइज़ किसी पहले से छोटी बिटमैप को दोबारा सैंपल करने के बजाय मूल ज्यामिति से रास्टराइज़ किया जा सकता है। अपनी SVG डालें और हर आउटपुट — 16, 32, 48, 180, 192 और 512 पिक्सेल — वेक्टर से उसके अपने साइज़ पर बनाया जाता है, जिससे किनारे धुँधले होने के बजाय तीखे रहते हैं। टैब में जान-बूझकर बनाया लगने वाला आइकन और धब्बे जैसा दिखने वाला आइकन — फ़र्क़ यही है।

फिर भी .ico क्यों चाहिए

आधुनिक ब्राउज़र SVG favicon को सीधे ख़ुशी-ख़ुशी इस्तेमाल कर लेंगे, लेकिन पुराने ब्राउज़र और बहुत सारे टूल — फ़ीड रीडर, चैट अनफ़र्लर, डेस्कटॉप शॉर्टकट — आज भी favicon.ico ही ढूँढ़ते हैं। एक ही SVG से दोनों बना लेना सब कुछ कवर कर देता है। पैडिंग जोड़ें, चौकोर, गोल कोनों वाला या गोलाकार मास्क और बैकग्राउंड चुनें, फिर पेस्ट करने को तैयार HTML स्निपेट के साथ पूरा सेट डाउनलोड करें।

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

क्या फ़ेविकॉन बनाने के लिए मेरी इमेज अपलोड होती है?
नहीं। favicon.ico, PNG आइकन और मैनिफ़ेस्ट सब आपके ब्राउज़र में Canvas API का उपयोग करके लोकली बनते हैं। आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जाती।
मुझे कौन-से साइज़ और फ़ाइलें मिलती हैं?
एक मल्टी-रिज़ॉल्यूशन favicon.ico (16, 32 और 48px), 16, 32, 48, 180 (apple-touch-icon), 192 और 512px पर PNG आइकन, एक site.webmanifest, और आपके <head> में पेस्ट करने के लिए एक HTML स्निपेट।
क्या मैं PNG या SVG को ICO में बदल सकता हूँ?
हाँ। कोई PNG, JPG, SVG या WebP डालें और एक असली favicon.ico डाउनलोड करें। SVG लोगो पहले लोकली हाई रिज़ॉल्यूशन पर रैस्टराइज़ किए जाते हैं।
कौन-सी इमेज सबसे अच्छी रहती है?
एक वर्गाकार इमेज जिसमें सरल, हाई-कंट्रास्ट लोगो हो। ग़ैर-वर्गाकार इमेज को फ़िट करने के लिए बीच से क्रॉप किया जाता है; उसे अपने मनमुताबिक फ़्रेम करने के लिए पैडिंग और आकार कंट्रोल का उपयोग करें।
मैं फ़ेविकॉन कैसे इंस्टॉल करूँ?
पैकेज को अपनी साइट के रूट फ़ोल्डर में अनज़िप करें और दिया गया HTML स्निपेट अपने पेजों के <head> में पेस्ट करें। favicon.ico को ज़्यादातर ब्राउज़र अपने आप उठा लेते हैं।