साइट के लिए फ़ेविकॉन का आकार

वेब डिज़ाइन में, जैसा कि आप शायद जानते हैं, महत्वपूर्ण हैहर विवरण। एक व्यक्ति जो आपके संसाधन में पास हो गया है, प्रत्येक तत्व को अलग से नहीं देखता है, लेकिन पूरी छवि को अन्य छोटे विवरणों वाले पैकेज के रूप में समझता है। इस प्रकार, यदि आप अपने संसाधन को विकसित करते समय कुछ याद करते हैं, तो भविष्य में यह विवरण पूरे परिसर, संपूर्ण संरचना को खराब कर सकता है।

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

इसलिए, आप, अपनी साइट के लिए एक डिजाइन बनाते हैं,फेविकॉन जैसे विवरणों का ख्याल रखना चाहिए। इस आलेख में, हम संसाधन की सामान्य शैली के साथ-साथ इस छवि के आकार के आकार के तहत इसे चुनने के तरीके के बारे में बात करेंगे।

साइट आइकन

सबसे पहले, हम निर्धारित करते हैं कि क्या हैयह वस्तु अभी अपने ब्राउज़र के टैब के नाम को देखें। जैसा कि आप देख सकते हैं, इसके बाईं ओर संसाधन लोगो के सरलीकृत संस्करण को दर्शाते हुए एक छोटी छवि है। एक ही तस्वीर खोज परिणामों में प्रदर्शित साइट के नाम के पास भी है। यह इस बात पर है कि जब वह शीर्षक देखता है तो उपयोगकर्ता उन्मुख होता है।

कई वेबमास्टर्स समझते हैं कि ऐसी तस्वीरआवश्यकता है - लेकिन कुछ लोगों को पता है कि साइट के लिए आकार का फेविकॉन सबसे उपयुक्त होगा। इसलिए, इस आलेख में हम न केवल इस तरह के आइकन बनाने के तरीके और आप इसे अपने संसाधन पर कैसे इंस्टॉल कर सकते हैं, इस बारे में जानकारी देते हैं, बल्कि आपको छवि के आकार के बारे में भी बताते हैं।

फेविकॉन का उद्देश्य

तो, साइट के शीर्षक के पास तस्वीर के लिए कार्य करता हैपहचान। यह इसका मूल उद्देश्य है: साइट को व्यक्त करने के लिए, जिसे हम देखते हैं, और दूसरों की आंखों में इसे अलग करने के लिए। यह ग्राफिक्स का उपयोग करके जितना संभव हो सके किया जाता है: हम टेक्स्ट प्रारूप में चित्रों की तुलना में चित्रों की जानकारी को बहुत तेज और आसान समझते हैं। फेविकॉन इस में हमारी मदद करते हैं। लेकिन यह मत भूलना कि फेविकॉन का आकार उपयोगकर्ता की आंखों में न्यूनतम है। यह साइट के "हेडर" में एक लोगो नहीं है, जिसमें शिलालेख, कुछ स्पष्टीकरण या संपर्क जानकारी के रूप में अतिरिक्त जानकारी हो सकती है। नाम के बगल में स्थित आइकन में दिखाया जा सकता है कि सभी फेविकॉन के आकार के करीब होना चाहिए। और वह, जैसा कि पहले ही संकेत दिया गया है, केवल एक लघु (केवल 16 से 16 पिक्सेल) है।

फेविकॉन कैसे चुनें?

तो वेबमास्टर कैसे विकसित हो सकता हैआपकी साइट के लिए आइकन? यह ध्यान दिया जाना चाहिए कि साइट के लोगो को कम करने के लिए, अक्सर काम नहीं करेगा। किसी विशेष संसाधन के लोगो के रूप में रखे गए प्रतीकों पर, अक्सर अलग-अलग तत्व दिखाई देते हैं, जो हमेशा लघु रूप में सही ढंग से प्रदर्शित नहीं होंगे। इस तरह के एक उपक्रम को तुरंत छोड़ना बेहतर है।

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

कई फेविकॉन शैली के रूप में उपयोग करते हैंसेवा नाम का पहला अक्षर। उदाहरण के लिए, यह बिंग, याहू, यांडेक्स, विकिपीडिया, Google क्या करता है। एक और दृष्टिकोण है - यदि आपके पास एक लघु साइट का नाम है, तो आप इसे अपने आइकन की पृष्ठभूमि के रूप में सेट कर सकते हैं। फेविकॉन के आकार के लिए (पिक्सल में यह पहुंचता है, मैं दोहराता हूं, 16 से 16 अंक) इस शिलालेख को सही ढंग से प्रदर्शित करने की अनुमति देता है, यह 3 अक्षरों से अधिक नहीं होना चाहिए। उदाहरण के लिए, एओएल सेवा यही करती है।

फेविकॉन कैसे बनाएं?

आप जिस साइट पर जा सकते हैं उसके नाम के लिए एक आइकन बनाएंकई मायनों में बेशक, सबसे सरल तैयार तैयार समाधानों के साथ काम करना सबसे आसान है। यह किसी भी सेवा या प्रोग्राम के बारे में हो सकता है जो आपको इसे कम करके आइकन से पूर्ण आइकन बनाने की अनुमति देता है। हालांकि, मैं अनुशंसा करता हूं कि आप इस लोगो को अपने आप विकसित करें। यह, पहले, कुछ सीखने का अवसर प्रदान करेगा; और दूसरा, यह अधिक टूल्स प्रदान करेगा। आपको ऐसा करने में सक्षम होना चाहिए, यह जानने के लिए कि क्या आकर्षित करना है, और यह भी जानना कि अंतिम संस्करण में फेविकॉन का आकार क्या होना चाहिए। साइट के आइकन के आकार के बारे में, हम थोड़ी देर बाद बात करेंगे, लेकिन अभी के लिए, ऐसी छवियों के साथ काम करने के कुछ subtleties नोट करें। विशेष रूप से, साइट के लिए फेविकॉन के आकार का उल्लेख किए बिना, आपको इस छवि के प्रारूप को निर्दिष्ट करना चाहिए। जैसा कि अनुभवी डिजाइनरों द्वारा नोट किया गया है, तस्वीर को पीएनजी (24-बिट), या एक फ़ाइल के रूप में सहेजा जाना चाहिए। आईसीओ।

आप तस्वीर को सहेज सकते हैं, उदाहरण के लिए, फ़ोटोशॉप का उपयोग करके, जहां लोगो खींचा जाएगा।

फेविकॉन के आयाम

तो, अब चलो बात करते हैं कि कितना बड़ा हैवहां एक तस्वीर होनी चाहिए जिसे हम एसईआरपी में साइट के नाम के बगल में देखते हैं। डिफ़ॉल्ट रूप से, जैसा कि पहले ही उल्लेख किया गया है, इसका आकार केवल 16 पिक्सेल (प्रत्येक तरफ) है। हालांकि, अगर आप फ़ोटोशॉप में इस छवि को संपादित करने का प्रयास करते हैं, तो आप खुद को देखेंगे कि यह कितना असहज है। इसलिए, हम एक विस्तृत तस्वीर के साथ काम करने की सलाह देते हैं, जो भविष्य में किनारों के चारों ओर बस संकुचित किया जा सकता है और आवश्यक प्रारूप में सहेजा जा सकता है।

बहु

हालांकि, फेविकॉन के आकार के बारे में बात करते हुएआपकी साइट पर होना चाहिए, आपको एक और चीज़ याद रखने की जरूरत है। सभी प्लेटफ़ॉर्म संसाधन छवि को उसी तरह प्रदर्शित नहीं करते हैं। उदाहरण के लिए, रेटिना डिस्प्ले वाले डिवाइस 32 से 32 पिक्सेल की दर से अपने फेविकॉन को "देखें"। और सफारी और नए विंडोज प्लेटफ़ॉर्म पर, और बिल्कुल, ये आइकन 64 पिक्सल के आकार तक पहुंचते हैं।

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

अतिरिक्त संपादकों

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

काम के लिए कभी-कभी आपको पंजीकरण करने की आवश्यकता होती है,लेकिन, जैसा कि आप जानते हैं, यह एक बार किया जाता है - आखिरकार, कंपनियां फेविकॉन को बदलती नहीं हैं। Google पर कम से कम देखें, जो लोगो को हर दिन बदलता है, लेकिन आइकन को स्पर्श नहीं करता है।

फेविकॉन कैसे स्थापित करें?

आम तौर पर, अपनी साइट को इस तरह से स्थापित करेंयह आपको जिस छवि की आवश्यकता है, उसे सही ढंग से प्रदर्शित किया गया है। यह कई सरल क्रियाएं करने के लिए पर्याप्त है जो सूचनाओं को पढ़ने के लिए खोज इंजन, साथ ही सरल ब्राउज़र की अनुमति भी देंगे।

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

इस बाध्यकारी के अतिरिक्त, आप एक और पंक्ति जोड़ सकते हैं जो "प्रॉम्प्ट" होगा जहां आपका आइकन स्थित है। ऐसा लगता है:

साइट के शीर्षलेख में कोड स्थापित करें।

निष्कर्ष

किसी साइट के लिए फ़ेविकॉन का आकार क्या होना चाहिए

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

तो साहसपूर्वक प्रयोग करें, कुछ नया आओ, कोशिश करें और सबकुछ निकल जाएगा!