निश्चित रूप से, एक से अधिक अवसरों पर, आपने एक फेविकॉन के बारे में सुना होगा। यह वेब डिज़ाइन से निकटता से संबंधित है, और यह एक महत्वपूर्ण बिंदु है कि हर पृष्ठ पर, यह एक ऑनलाइन स्टोर, ब्लॉग, वेबसाइट आदि हो। वे आपसे पूछने जा रहे हैं। परंतु, फ़ेविकॉन क्या है? ये किसके लिये है? और सबसे महत्वपूर्ण, यह कैसे किया जाता है?
यदि आपको इस बारे में कई संदेह हैं, तो यहां हम आपको चाबियाँ देने जा रहे हैं ताकि आप इसे समझें और सबसे ऊपर, ताकि आप इसे अपनी परियोजना के भीतर पेश कर सकें और बेहतर प्रस्तुति के साथ छोड़ दिया जा सके। हम आपको विश्वास दिलाते हैं!
फेविकॉन क्या है
हम यह बताकर शुरू करने जा रहे हैं कि एक फेविकॉन क्या है ताकि आप इसे समझ सकें। और, इसके लिए, आपको एक व्यावहारिक उदाहरण देने के लिए इससे बेहतर कुछ नहीं। कल्पना करें कि आप अभी ब्राउज़ कर रहे हैं (वास्तव में, आप हमें पढ़ रहे हैं)। लेकिन आपके पास सिर्फ एक टैब नहीं है, बल्कि उनमें से कई हैं। आपने देखा होगा कि, उनमें से प्रत्येक में, उस पृष्ठ का नाम जो दिखाई देता है, वह YouTube है (क्योंकि आप पृष्ठभूमि संगीत सुन रहे हैं), जीमेल (क्योंकि आपके पास आपका मेल खुला है) या यह पृष्ठ।
प्रत्येक नाम के बगल में, बाईं ओर, एक छोटी छवि एक वर्ग में दिखाई देती है। यूट्यूब और जीमेल पर निश्चित रूप से उनके पास मौजूद लोगो से पहचाना जाना चाहिए, लेकिन बाकी टैब के बारे में क्या?
खैर, आप जो देख रहे हैं वह वास्तव में फेविकॉन है। दूसरे शब्दों में, यह एक है आइकन जो आपके द्वारा देखे जा रहे पृष्ठ से संबंधित है, यही कारण है कि इस विवरण पर ध्यान देना इतना महत्वपूर्ण है, क्योंकि जब आप किसी पेज को पसंदीदा या शॉर्टकट में जोड़ते हैं, तो फेविकॉन उस पेज की "छवि" बन जाता है और यही कारण है कि आपको इसके डिजाइन का ध्यान रखना पड़ता है ताकि यह पूरी तरह से संबंधित है (और सब से ऊपर यह दूसरों से अलग करने के लिए अच्छा लग रहा है)।
इस छोटे आइकन का आकार आमतौर पर 16 × 16 पिक्सेल है (हालाँकि इसे 32x32px पर भी सेट किया जा सकता है)। इसके अंदर आपको इस बात का ध्यान रखना होगा कि आपके द्वारा डाली गई हर चीज सही तरह से दिखती है, अन्यथा, यह थोड़ा पहचाने जाने योग्य दाग के रूप में दिखाई देगा (और यह आपके पृष्ठ की बहुत खराब छवि देगा)।
फेविकॉन इतना महत्वपूर्ण क्यों है?
अब जब आप जानते हैं कि फेविकॉन क्या है, और आपने इसे उन पृष्ठों में स्थित किया है जिन्हें आप आमतौर पर खोलते हैं, तो क्या आपने देखा है कि आज कम और कम पृष्ठ हैं जो गायब हैं? ऐसा इसलिए है क्योंकि लालित्य और पता है कि कैसे एक दृष्टि देना वास्तव में बहुत महत्वपूर्ण है। यही है, आप एक ब्रांड या निगम छवि को बताने जा रहे हैं जो विवरण के बारे में परवाह करता है।
हालाँकि, फ़ेविकॉन के अन्य उपयोग भी हैं जैसे:
- अपने पृष्ठ की पहचान के रूप में सेवा करें। आमतौर पर यह फ़ेविकॉन उस लोगो से संबंधित होता है जो आपकी वेबसाइट पर होता है, केवल एक छोटे आकार में। लेकिन जब लोगो बहुत बड़ा है और छोटे बटन पर दिखाई नहीं देगा, तो आप कुछ ऐसा चुन सकते हैं जो उससे संबंधित हो।
- आप उन उपयोगकर्ताओं की मदद करेंगे जिन्होंने आपके पृष्ठ को नेत्रहीन रूप से पहचानने के लिए सहेजा है। इस प्रकार, भले ही उन्हें url, या कंपनी का नाम याद न हो, क्योंकि फ़ेविकॉन की छवि के कारण वे इसका पता लगा लेंगे।
- एसईओ के साथ "अच्छा" होना। यह नमक के एक दाने के साथ लिया जाना है। और यह है कि फ़ेविकॉन होने या न होने का सीधा असर SEO पर नहीं पड़ेगा (यानी यह आपके पास होने या न होने के लिए बेहतर या बुरा नहीं होगा)। अब, यह अधिक से अधिक सामान्य है कि, जब कोई ब्राउज़र किसी पृष्ठ में प्रवेश करता है, तो वह उस फ़ेविकॉन के लिए देखता है और जब वह नहीं मिलता है, तो वह 404 त्रुटि देता है। और आप जानते हैं कि ये त्रुटियां एसईओ के लिए अच्छी नहीं हैं। एक पृष्ठ का।
फ़ेविकॉन बनाने के लिए कैसे
देखने के बाद, यह स्पष्ट है कि वेब पेज होने पर एक फ़ेविकॉन एक आवश्यक तत्व है। अब, आप एक कैसे बनाते हैं?
आपको पता होना चाहिए कि, ज्यादातर मामलों में, यह क्या करता है उस वेबसाइट का लोगो चुनें, या यदि यह बहुत बड़ा है, तो कुछ ऐसा है जो इसकी पहचान करता है। उदाहरण के लिए, कल्पना करें कि आपके पास एक टेलीविजन वेबसाइट है जिसे आपने किसी तरह से बुलाया है। लेकिन वह, फ़ेविकॉन में, बहुत बड़ा है। इसके बजाय, आप एक टेलीविजन की एक तस्वीर डाल सकते हैं ताकि वे इसे संबंधित करें। इन मामलों में, यह अनुशंसा की जाती है कि यह आपकी वेबसाइट के समान रंग पहनें ताकि वे इसे बेहतर तरीके से पहचान सकें।
और अब, हम एक फ़ेविकॉन कैसे बना सकते हैं? ठीक है, आपके पास कई विकल्प हैं:
फ़ोटोशॉप, जिम्प ...
दूसरे शब्दों में, हम छवि संपादन कार्यक्रमों के बारे में बात कर रहे हैं क्योंकि एक फेविकॉन बिल्कुल एक छवि के समान बनाया जाता है। बेशक, आपको इसे इस तरह से पहचानने के लिए .ico प्रारूप में सहेजना होगा क्योंकि इसे jpg, gif या समान के रूप में नहीं छोड़ा जा सकता है।
इसे करने का तरीका आपको फ़ेविकॉन को बेहतर तरीके से अनुकूलित करने की अनुमति देता है, इसे स्क्रैच से बनाने के लिए प्रबंध करना और इसे वह फिनिश देना जो आप चाहते हैं। आम तौर पर इसके लिए आप एक सामान्य आकार में एक छवि के साथ काम करते हैं और फिर उस बटन के आकार के अनुसार इसे अनुकूलित करते हैं।
वास्तव में, इसे अलग-अलग ब्राउज़रों में अपलोड और परीक्षण किया जाना चाहिए, यह देखने के लिए कि क्या यह अच्छा दिखता है, प्रतिनिधि है और, सबसे ऊपर, समझा जाता है।
ऑनलाइन टूल का उपयोग करना
इस मामले में हम उन वेब पेजों का संदर्भ देते हैं जो सेकंड में आप किसी भी छवि को फ़ेविकॉन में परिवर्तित करने का ध्यान रखते हैं। लेकिन आपके पास इसका विकल्प भी है उन पृष्ठों के साथ सीधे अपने favicon डिजाइन।
यदि आप पूर्व चाहते हैं (छवि अपलोड करें और इसे रूपांतरित करें), तो हम फ़ेविकॉन जेनरेटर या फ़ेविक-ओ-मैटिक की सलाह देते हैं। लेकिन अगर आप बाद वाला चाहते हैं (इसे स्क्रैच से डिज़ाइन करें), तो favicon.io या x-icon एडिटर पर दांव लगाएं।
वर्डप्रेस के साथ
क्या आपका पेज वर्डप्रेस में बनाया गया है? और क्या आप जानते हैं कि आप अपने फेविकॉन बनाने के लिए उस सिस्टम का उपयोग कर सकते हैं। इसके लिए आप कुछ प्लगइन्स का उपयोग कर सकते हैं जो आपको एक छवि के आधार पर इस बटन को बनाने की अनुमति देता है जिसे आपने अपलोड किया है (या जिसे आप अपलोड करते हैं)। के माध्यम से भी "सूरत / अनुकूलित" आप कर सकते हैं।
एक बार जब आप फ़ेविकॉन कर लेते हैं, तो आपको बस इसे अपनी वेबसाइट पर रखना होगा और इसे अपने पेज नाम के बाएं क्षेत्र में दिखाने के साथ-साथ पसंदीदा में सहेजने के लिए इसे पहचानने में सक्षम होना चाहिए। इस तरह वे आसानी से आपको पहचानने के लिए बिना रुके पढ़ सकेंगे कि क्या यह वह पृष्ठ है जिसे वे वास्तव में देखना चाहते थे।