इमेज से favicon कैसे बनाएं

को अपडेट किया गया

favicon ब्राउज़र टैब में दिखने वाला छोटा आइकॉन है, जिसे .ico फ़ाइल के रूप में सेव किया जाता है। इसे बनाने के लिए एक चौकोर इमेज से शुरू करें और उसे बदलें: EditItAll का PNG को ICO में बदलने वाला कन्वर्टर खोलें, अपना लोगो डालें, और .ico डाउनलोड करें। यह आपके ब्राउज़र में ही चलता है, इसलिए इमेज कभी अपलोड नहीं होती।

अभी करें — मुफ़्त, आपके ब्राउज़र में

Open the PNG → ICO converter

favicon क्या है, और आपको कौन-सा फ़ॉर्मेट चाहिए

favicon वह नन्ही-सी इमेज है जिसे ब्राउज़र टैब में, बुकमार्क में और हिस्ट्री में आपकी साइट के नाम के बगल में दिखाता है। पारंपरिक फ़ॉर्मेट ICO है, यह एक छोटी आइकॉन फ़ाइल है जिसे ज़्यादातर ब्राउज़र बिना किसी अतिरिक्त सेटअप के पहचान लेते हैं।

एक अच्छा favicon दो बातों का ध्यान रखता है: यह लगभग चौकोर होना चाहिए, और नाखून जितना छोटा होने पर भी साफ़ दिखना चाहिए। यही वजह है कि favicon अक्सर एक बोल्ड अक्षर, एक लोगो निशान, या एक सिंपल शेप होता है, न कि कोई डिटेल भरी फ़ोटो।

.ico में अपनी इमेज बदलें

अगर आपके पास पहले से चौकोर लोगो है, तो बदलना बस एक स्टेप का काम है:

  • PNG को ICO में बदलने वाला कन्वर्टर खोलें और अपनी इमेज डालें।
  • इसे बदलने दें, फिर .ico फ़ाइल डाउनलोड करें।
  • इसे अपनी साइट में favicon.ico के रूप में जोड़ें, या अपने HTML से इसे रेफ़र करें।

किसी और फ़ॉर्मेट से शुरू कर रहे हैं? फ़ोटो या फ़्लैट लोगो के लिए JPG को ICO में बदलने वाला कन्वर्टर इस्तेमाल करें, या अगर आपका निशान वेक्टर है तो SVG को ICO में बदलने वाला कन्वर्टर इस्तेमाल करें: वेक्टर सोर्स सबसे बेहतर है क्योंकि यह आइकॉन को जिस भी साइज़ की ज़रूरत हो, उसमें साफ़-सुथरा बन जाता है। हर कन्वर्ज़न आपके ब्राउज़र में ही होता है, इसलिए इमेज कभी अपलोड नहीं होती।

पहले एक साफ़, चौकोर सोर्स तैयार करें

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

अगर आपका लोगो वेक्टर आर्ट के रूप में मौजूद है, तो जितनी देर हो सके उसे SVG ही रहने दें और सबसे आख़िर में ICO में बदलें: वेक्टर तेज़ बने रहते हैं क्योंकि उन्हें छोटे बिटमैप से बड़ा करके नहीं, बल्कि सही पिक्सेल साइज़ में ही रेंडर किया जाता है। वेक्टर को साफ़-सुथरे तरीक़े से रास्टराइज़ करने से जुड़ी जानकारी के लिए, देखें बिना क्वालिटी खोए SVG को PNG में बदलना

आज़माने के लिए तैयार?

मुफ़्त, बिना साइन-अप — और जो भी आप खोलते हैं वह आपके डिवाइस से बाहर नहीं जाता।

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

favicon का साइज़ कितना होना चाहिए?+

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

क्या मैं किसी फ़ोटो से favicon बना सकता हूँ?+

हाँ, हालाँकि टैब साइज़ में फ़ोटो शायद ही अच्छी दिखती है। इसे चौकोर आकार में क्रॉप करें और साफ़ विषय वाली इमेज चुनें; एक सिंपल लोगो या अक्षर लगभग हमेशा डिटेल भरी फ़ोटो से ज़्यादा साफ़ दिखता है।

क्या मुझे .ico फ़ॉर्मेट की ज़रूरत है?+

ICO सबसे ज़्यादा पहचाना जाने वाला favicon फ़ॉर्मेट है और बिना अतिरिक्त कॉन्फ़िगरेशन के काम करता है। अपनी इमेज को .ico में बदलना ज़्यादातर ब्राउज़र में काम करने के लिए सबसे सुरक्षित डिफ़ॉल्ट है।

क्या favicon बनाने के लिए मेरी इमेज अपलोड होती है?+

नहीं। कन्वर्टर पूरी तरह आपके ब्राउज़र में ही चलता है, इसलिए आपका लोगो या फ़ोटो कभी आपकी डिवाइस से बाहर नहीं जाता; पेज लोड होने के बाद तो आप ऑफ़लाइन भी काम कर सकते हैं।

मेरा favicon धुंधला क्यों दिखता है?+

धुंधलापन आमतौर पर इसलिए होता है क्योंकि सोर्स छोटा था या उसमें बहुत डिटेल थी। एक बड़ी, चौकोर, हाई-कॉन्ट्रास्ट इमेज या वेक्टर से शुरू करें, ताकि आइकॉन साइज़ में छोटा होने पर भी काफ़ी साफ़ बना रहे।

संबंधित गाइड

इमेज फ़ॉर्मेट बदलना पर और गाइड →