ऑनलाइन फेविकॉन तयार करण्यासाठी सेवा. फेविकॉन तयार करण्याचा एक सार्वत्रिक मार्ग. फेविकॉनसह काम करणाऱ्या यांडेक्सची वैशिष्ट्ये

फेविकॉन -(शब्दांसाठी लहान "आवडते चिन्ह") एक लहान चित्र आकार आहे 16x16 पिक्सेल,जे तुमच्या साइटवरील अभ्यागत पाहतील. ते ब्राउझरच्या ॲड्रेस बारमध्ये साइट URL च्या पुढे दिसते. याव्यतिरिक्त, हे चिन्ह उघडलेल्या टॅब, बुकमार्क आणि शोध परिणामांच्या सूचीमध्ये तुमच्या साइटच्या नावापुढे दिसते, ज्यामुळे वापरकर्त्यांना तुमची साइट इतर साइट्समध्ये द्रुतपणे शोधणे सोपे होते.

म्हणून डीफॉल्ट चिन्हसाइटवर एक ब्राउझर चिन्ह प्रदर्शित होईल. साइट इतरांपेक्षा वेगळी असण्यासाठी आणि वापरकर्त्याद्वारे उघडलेल्या असंख्य राखाडी टॅबमध्ये गमावू नये म्हणून, तुम्हाला तुमचा स्वतःचा मूळ फेविकॉन बनवणे आवश्यक आहे.

जरी अनेक आधुनिक वेब ब्राउझर GIF, PNG किंवा इतर लोकप्रिय फाईल फॉरमॅटमध्ये फेविकॉनला समर्थन देत असले तरी, Internet Explorer च्या सर्व आवृत्त्यांना अजूनही फाइल्स म्हणून फेविकॉनची आवश्यकता आहे ICO(मायक्रोसॉफ्ट फॉरमॅट). या फॉरमॅटमध्ये, कोणताही ब्राउझर तुमचा आयकॉन समजेल.

तुम्हाला फेविकॉनची गरज का आहे?

एक फेविकॉन आवश्यक आहे जेणेकरुन तुमची साइट शोध परिणाम पृष्ठावरील गर्दीतून कशी तरी वेगळी असेल आणि ब्राउझरमधील अनेक खुल्या टॅबमध्ये दृश्यमान असेल. एक चांगला आयकॉन तुमच्या साइटच्या लोगोसारखा असतो, जो ओळखण्यायोग्य असेल आणि एक विशिष्ट दृष्टीकोन निर्माण करेल आणि विश्वासाची विशेष पातळी निर्माण करेल.

साहजिकच, फेविकॉन वापरकर्त्याचे लक्ष वेधून घेऊ शकते आणि तो तुमच्या लेखाची शीर्षक-लिंक वाचेल. शीर्षक, एक चांगला स्निपेट आणि एक सुंदर चिन्ह यांच्या संयोगाने, क्लिक-थ्रू दर वाढवेल आणि त्यानुसार, संसाधनावर रहदारी वाढेल.

मी ताबडतोब लक्षात घेऊ इच्छितो की "GS" लेबल असलेल्या साइटसाठी, आयकॉन स्वतः संसाधनाची छाप सुधारण्यास सक्षम नाही. पण हे कपड्यांवरील बैठकीसारखे आहे. एक अद्भुत फेविकॉन निश्चितपणे भेट देण्यास आमंत्रित असलेल्या साइटची पहिली छाप तयार करेल.

फेविकॉन कसा तयार करायचा

तुम्ही अर्थातच www.iconfinder.com या वेबसाइटवर तयार favicon.ico फाईल शोधण्याचा प्रयत्न करू शकता, परंतु मला वाटते की अनेकांना स्वतःचे काहीतरी बनवायला आवडेल. शेवटी, हे फेविकॉन आहे जे शोध परिणामांमध्ये आपली साइट हायलाइट करेल. हे कसे करायचे ते आता तुम्हाला माहिती आहे. चला तर मग सुरुवात करूया.

लोगो आणि कॉर्पोरेट ओळख घटक तयार करण्यासाठी लॉगास्टर ही ऑनलाइन सेवा आहे. त्यामध्ये, तुम्हाला काही क्लिकमध्ये, ICO आणि PNG फॉरमॅटमधील साइटसाठी एक आयकॉन आपोआप प्राप्त होईल.

परंतु लक्षात ठेवा की कोणताही स्वयंचलित लोगो जनरेटर मानवी सर्जनशीलतेची जागा घेऊ शकत नाही.

अर्थात, मोठ्या कंपन्या अशा साधनांचा वापर करणार नाहीत. त्यांच्यासाठी व्यावसायिक लोगो तयार करण्यासाठी त्यांना एक महागडा डिझायनर मिळेल. परंतु छोट्या कंपन्या आणि खाजगी उद्योजकांसाठी असे साधन उपयोगी पडू शकते.

लॉगास्टरमध्ये आयकॉन तयार करण्याची प्रक्रिया कशी कार्य करते?

1. तुमचा फेविकॉन तुमच्या लोगोशी जुळतो याची खात्री करण्यासाठी, तुम्हाला प्रथम लोगो तयार करण्यास सांगितले जाईल (ते विनामूल्य आहे).
2. नाव लिहा आणि, तुम्हाला हवे असल्यास, एक घोषवाक्य, क्रियाकलापाचा प्रकार सूचित करा आणि लॉगास्टर तुमच्यासाठी स्वतंत्रपणे अनेक लोगो पर्याय तयार करेल.
3. योग्य लोगो निवडा, तुम्ही तो नंतर बदलू शकता.

मला काय मिळाले ते येथे आहे

आता तुम्ही “लोगो डाउनलोड करा” बटणावर क्लिक करू शकता. विनामूल्य आवृत्तीमध्ये त्यावर Logaster.com वॉटरमार्क असेल

लोगो खरेदी करता येईल. त्यानंतर, तुम्ही निवडलेल्या फॉरमॅटमध्ये (PNG, JPEG, PDF, SVG) आणि आकार (1024 px, 5000 px) डाउनलोड करू शकाल.

आता फेविकॉन तयार करण्याकडे वळू.

1. पुन्हा, तुम्हाला आवडणारा पर्याय निवडा.
2. तुम्ही आकार चौरस, गोलाकार, गोलाकार किंवा कोणताही आकार नसलेला असा बदलू शकता.
3. इच्छित असल्यास, स्ट्रोक टूलवर क्लिक करून रंगीत स्ट्रोक जोडा.
4. "सेव्ह" बटणावर क्लिक करा.

असा फेविकॉन निघाला. तत्वतः, ते चांगले दिसते.

तुमच्या वेबसाइटवर फेविकॉन कसा जोडायचा

1. फेविकॉन विकत घ्या आणि सक्रिय करा.
2. ते डाउनलोड करा.
3. डाउनलोड केलेली फाइल तुमच्या साइटच्या रूट फोल्डरमध्ये अनझिप करा.
4. टॅगमध्ये साइटच्या सर्व पृष्ठांवर खालील कोड पेस्ट करा :

सवलतीसह डिझाइन पॅकेज

याव्यतिरिक्त, तुम्ही संपूर्ण कॉर्पोरेट ओळख संच खरेदी करू शकता. येथे एक पर्याय आहे.

संबंधित लेख: रेटिना डिस्प्लेसाठी लेआउट ऑप्टिमाइझ करत आहे

फेविकॉन तयार करण्यासाठी प्लगइन

फेविकॉन तयार करण्यासाठी मोठ्या संख्येने विविध कार्यक्रम आहेत. मूलभूतपणे, ते आदिम आहेत, आपल्याला 16 रंग वापरून चिन्हे तयार करण्याची परवानगी देतात.

तुम्ही फोटोशॉपमध्ये थेट फेविकॉन तयार करू शकता. हे करण्यासाठी तुम्हाला एक प्लगइन लागेल जे www.telegraphics.com.au वरून डाउनलोड केले जाऊ शकते. ते स्थापित करण्यासाठी, फाइल कॉपी करा ICOFormat.8bi c:Program FilesAdobeAdobe Photoshop CS2Plug-InsFile Formats निर्देशिका.

प्लगइन वापरणे ICOFormat.8bi, तुम्ही चित्रे “.ico फाइल्स” म्हणून सेव्ह करू शकता.

ICO (विंडोज आयकॉन) फॉरमॅट प्लगइन कसे स्थापित करावे

1. 64-बिट विंडोज (व्हिस्टा/विंडोज 7):
   • स्थापित करण्यापूर्वी रीस्टार्ट करा;
   • प्लगइन C:Program FilesAdobePhotoshopPlug-InsFile Formats फोल्डरमध्ये ठेवा, परंतु माझ्याकडे वेगळी रचना आहे, माझ्याकडे ही फाईल येथे संग्रहित आहे: C:Program FilesAdobeAdobe Photoshop CS6 (64 Bit)Plug-ins.
   • जर तुम्ही 64-बिट विंडोज सिस्टमवर चालत असाल आणि फोटोशॉप CS4 किंवा CS5 ची 64-बिट आवृत्ती लाँच करत असाल तर, प्लगइनची 64-बिट आवृत्ती डाउनलोड कराआणि 64-बिट फोटोशॉपशी संबंधित प्लग-इन फोल्डरमध्ये ठेवा (म्हणजे, “प्रोग्राम फाइल्स” मधील “प्रोग्राम फाइल्स (x86)” नाही).
2. तुमच्या फोटोशॉप प्लगइन फोल्डरमधील "फाइल फॉरमॅट्स" फोल्डरमध्ये प्लगइन हलवा:
   • Windows साठी (32-बिट), ICOFormat.8bi
   • Windows साठी (64-बिट), ICOFormat64.8bi
   • Mac OS X साठी, ICOFormat.plugin(लक्षात ठेवा की CS2, CS3/4 आणि CS5 साठी स्वतंत्र आवृत्त्या प्रदान केल्या आहेत)
   • Mac OS X/Classic साठी, icoformat
   • 68K MacOS साठी, icoformat(68K)
3. Corel PSP Photo X2 वापरत असल्यास, C:Program FilesCorelCorel Paint Shop Pro Photo X2LanguagesENPlugIns मध्ये प्लगइन ठेवा.
4. फोटोशॉप आधीपासून चालू असल्यास सोडा आणि पुन्हा लाँच करा.

www.convertico.com ही ऑनलाइन सेवा देखील आहे. ConvertICO एक विनामूल्य ऑनलाइन ICO/PNG फाइल कनवर्टर आहे. हे त्वरीत कार्य करते आणि वापरण्यास सोपे आहे. हे डेस्कटॉप चिन्ह, अनुप्रयोग चिन्ह आणि वेबसाइट्ससाठी फेविकॉन्स रूपांतरित करण्यासाठी वापरले जाते.

favicon.ico स्वतः कसे बनवायचे

1. फोटोशॉप उघडा.
2. ३२x३२ पिक्सेल दस्तऐवज तयार करा.
3. इलस्ट्रेटर वरून तयार झालेल्या प्रतिमेचा एक स्मार्ट ऑब्जेक्ट घाला.
4. “Save As” कमांड वापरून, .ICO* फॉरमॅटमध्ये फेविकॉन सेव्ह करा.
5. परिणामी फेविकॉन साइटच्या रूटवर अपलोड करा आणि वर्डप्रेस थीमद्वारे कनेक्ट करा किंवा साइट टेम्पलेटमध्ये व्यक्तिचलितपणे नोंदणी करा. फेविकॉन कसे कनेक्ट करावे याबद्दल मी आधीच लिहिले आहे.

*आपल्याकडे विशेष प्लगइन स्थापित नसल्यास ICO (विंडोज आयकॉन) स्वरूप, तुम्ही ते www.telegraphics.com.au/sw/ वरून डाउनलोड करू शकता. CS6 सह फोटोशॉपच्या सर्व आवृत्त्यांसाठी समर्थनासह Macs, Windows 32, 64-bit आहेत.

फेविकॉन डिस्प्ले

तुमच्या साइटवर एक फेविकॉन प्रदर्शित केले,ते फक्त साइटच्या मुळाशी ठेवता येते. तुमच्याकडे favicon.ico फाइल आहे हे ब्राउझर आणि शोध इंजिने स्वतः ठरवतील आणि ती आपोआप प्रदर्शित करतील. ही पद्धत सर्वात सोपी आहे आणि ती 95% प्रकरणांमध्ये प्रभावी आहे. परंतु आपण स्पष्टपणे फेविकॉन देखील समाविष्ट करू शकता.

फेविकॉन म्हणजे काय?

ज्यांना फेविकॉन म्हणजे काय हे माहित नाही त्यांच्यासाठी, आम्ही तुम्हाला थोडीशी माहिती देऊ जी तुम्हाला वेग वाढवण्यात मदत करेल. फेविकॉन हे 16x16 किंवा 32x32 पिक्सेल मोजणारे एक लहान आयकॉन आहे, ज्यामध्ये सहसा लोगो, ब्रँडचे पहिले अक्षर किंवा व्यवसायाचा प्रकार किंवा साइटची थीम प्रतिबिंबित करणारी वैशिष्ट्यपूर्ण प्रतिमा असते.

फेविकॉन महत्वाचे का आहे?

फेविकॉन खालील कार्ये करते:

ब्रँडिंग.

वापरकर्त्याद्वारे साइटची ओळख (वापरण्यास सुलभता).

साइटला व्यावसायिक स्वरूप देते.

फेविकॉन वापरण्याचे मुख्य फायदे जवळून पाहू.

ब्रॅण्ड ची ओळख

फेविकॉन ही साइटची एक छोटी ओळख आहे. प्रास्ताविक भागात नमूद केल्याप्रमाणे, फेविकॉन वापरकर्त्याला त्यांनी पाहिलेल्या अनेक साइट्सपैकी तुमची साइट लक्षात ठेवण्यास मदत करते. तुमचा ब्राउझिंग इतिहास असो, Google शोध परिणाम असो किंवा तुमच्या ब्राउझरची बुकमार्क केलेल्या साइटची सूची असो, फेविकॉन वापरकर्त्यांना तुमची साइट सहज ओळखण्यात आणि त्यात प्रवेश करण्यात मदत करतात.

आत्मविश्वास

वापरकर्ते त्यांची वेबसाइट किती व्यावसायिक आहे यावर आधारित वस्तू आणि सेवांच्या ऑनलाइन विक्रेत्यांचा न्याय करतात. फेविकॉनच्या कमतरतेच्या स्वरूपात निष्काळजीपणा (शोध इंजिने रिकाम्या दस्तऐवजाचे चिन्ह म्हणून फेविकॉनशिवाय साइट प्रदर्शित करतात) सहजपणे विश्वास गमावू शकतात, विशेषतः जेव्हा वापरकर्ते तुमची तुमच्या प्रतिस्पर्ध्यांशी तुलना करतात.

भेटी पुन्हा करा

हे ज्ञात आहे की लोक मजकूरापेक्षा प्रतिमांना चांगला प्रतिसाद देतात. आता समजू या की तुमच्या साइटला भेट देणारा अभ्यागत घाईत होता जेव्हा त्यांनी पहिल्यांदा साइटला भेट दिली आणि ते बुकमार्क करण्याचा निर्णय घेतला जेणेकरून ते नंतर परत येऊ शकतील. समजा ही व्यक्ती नंतर आपल्या साइटला पुन्हा भेट देण्याचे ठरवते आणि त्याच्या बुकमार्ककडे वळते. तुमच्याकडे ओळखण्यायोग्य फेविकॉन असल्यास तुम्ही भाग्यवान आहात, जसे की Google चे प्रमुख आणि अद्वितीय G आणि वापरकर्ते तुम्हाला शोधतील. तुमच्याकडे फेविकॉन नसल्यास, तुम्हाला तुमच्या बुकमार्क सूचीमधून काढून टाकले जाऊ शकते.

वापरकर्त्याचा वेळ वाचवतो

बुकमार्क, इतिहास किंवा इतर ठिकाणी जेथे ब्राउझर द्रुत ओळखीसाठी फेविकॉन ठेवतो तेथे फेविकॉन वापरकर्त्याचा वेळ वाचवतो. तुमच्या साइटवर येणाऱ्या सरासरी अभ्यागतांसाठी हे आयुष्य सोपे करते.

एसइओ फायदे

तुमच्या साइटवर फेविकॉन असल्यास, तुम्ही शोध परिणामांमध्ये एक नसलेल्या साइटपेक्षा अधिक दृश्यमान असाल आणि त्यामुळे अधिक अभ्यागतांना आकर्षित करू शकता.

फेविकॉन कसा तयार करायचा?

अशी अनेक साधने आहेत जी तुम्हाला काही मिनिटांत फेविकॉन तयार करण्याची परवानगी देतात. तुमच्याकडे डिझाइन कौशल्ये नसल्यास किंवा ते कसे करायचे हे माहित नसल्यास, तुम्ही लॉगास्टर वापरून फेविकॉन तयार करण्याचा प्रयत्न करू शकता.

हे करण्यासाठी, चरण-दर-चरण सूचनांचे अनुसरण करा:

पायरी 5: एक फेविकॉन तयार करा

आता तुमच्याकडे लोगो आहे, लोगो पेजवर "या लोगोसह एक फेविकॉन तयार करा" वर क्लिक करा.

पायरी 6. इच्छित फेविकॉन डिझाइन निवडा

लोगो प्रमाणे, लॉगास्टर अनेक डझन सुंदर आणि वापरण्यास-तयार फेविकॉन तयार करेल. तुमची आवडती रचना निवडा. पूर्वावलोकन तुम्हाला साइटवर तुमचे फेविकॉन कसे दिसेल हे पाहण्याची परवानगी देईल.

तुम्हाला फेविकॉन बदलण्याची गरज असल्यास, लोगोच्या डिझाइनवर ज्याप्रमाणे फेविकॉन तयार केले जातात त्याप्रमाणे तुम्ही लोगो संपादित करून हे करू शकता. त्यामुळे तुम्हाला, उदाहरणार्थ, एखादा वेगळा फेविकॉन रंग हवा असल्यास, तुम्हाला लोगोच्या पृष्ठावर परत जाणे, त्याचा रंग बदलणे आणि नंतर फेविकॉन पुन्हा तयार करणे आवश्यक आहे.

तुम्हाला खालील साइट्सवर फेविकॉनसाठी प्रेरणा मिळू शकते:

पायरी 7. फेविकॉन डाउनलोड करा

तुम्ही फेविकॉन स्वतंत्रपणे $9.99 मध्ये खरेदी करू शकता किंवा एक डिझाईन पॅक खरेदी करू शकता ज्यामध्ये केवळ फेविकॉनच नाही तर लोगो, बिझनेस कार्ड, लिफाफा आणि लेटरहेड देखील समाविष्ट आहे. डिझाईन पॅक कसा खरेदी करायचा ते तुम्ही शोधू शकता.

पेमेंट केल्यानंतर तुम्ही फेविकॉन ico आणि png फॉरमॅटमध्ये डाउनलोड करू शकता.

मी फेविकॉन कुठे वापरू शकतो?

आपण फेविकॉन वापरू शकता:

साइटवर;

मोबाइल उपकरणे. वापरकर्ता त्याच्या डिव्हाइसच्या होम स्क्रीनवर फेविकॉन जोडू शकतो (बुकमार्क सारखे काहीतरी) - Android, IOS, Windows Phone, इ.;

PC/Mac साठी कार्यक्रम आणि अनुप्रयोग.

वेबसाइटवर फेविकॉन कसे स्थापित करावे?

एकदा तुम्हाला फेविकॉन प्राप्त झाल्यानंतर, ते सर्व्हरवर स्थापित करण्यासाठी दोन मिनिटांपेक्षा जास्त वेळ लागणार नाही आणि ते दोन टप्प्यात पूर्ण होईल. हे करण्यासाठी, तुम्हाला तुमच्या साइटच्या रूट निर्देशिकेत प्रवेश आणि साइटचा HTML कोड बदलण्यासाठी मजकूर संपादकाची आवश्यकता असेल.

1 ली पायरी.तुम्हाला favicon.ico फाइल सर्व्हरवर अपलोड करावी लागेल. हे करण्यासाठी, तुम्हाला FTP क्लायंट डाउनलोड आणि स्थापित करणे आवश्यक आहे, जसे की FileZilla. नंतर तुमचे युजरनेम आणि पासवर्ड टाका आणि फाइल डाउनलोड करा. फेविकॉन फाईल कशी अपलोड करावी याबद्दल अधिक तपशीलवार सूचना तुम्ही वाचू शकता.

पायरी 2.ब्राउझरना तुमची फेविकॉन इमेज शोधण्यात मदत करण्यासाठी आता तुम्हाला तुमच्या साइटचे HTML पृष्ठ संपादित करण्याची आवश्यकता आहे. FTP विंडो उघडल्यावर, सर्व्हरवरून index.html किंवा header.php फाइल शोधा आणि डाउनलोड करा.

index.html फाईल टेक्स्ट एडिटरमध्ये उघडा - Notepad, Notepad++, Sublime Text.

तुमच्या साइटमध्ये शुद्ध HTML असल्यास, विशेष कोड index.html फाइलच्या HEAD भागात पेस्ट करा.

लॉगास्टर वेबसाइटवरील फेविकॉन पृष्ठावर कोड कॉपी केला जाऊ शकतो.

तुम्ही वर्डप्रेस वापरत असल्यास, तुमच्या header.php फाइलच्या HEAD भागात खालील कोड पेस्ट करा.

एकदा तुम्ही हे पूर्ण केल्यावर, फाइल तुम्हाला जिथे मिळाली तिथे परत डाउनलोड करा. तयार! फेविकॉन पाहण्यासाठी तुमचे साइट पेज रीलोड करा.

बहुतेक आधुनिक ब्राउझर अशा कोडशिवाय देखील favicon फाईल शोधण्यासाठी पुरेसे स्मार्ट आहेत, परंतु जर favicon ची 16x16 पिक्सेल प्रतिमा असेल, favicon.ico नाव असेल आणि ती तुमच्या साइटच्या रूट निर्देशिकेत सेव्ह केली असेल.

आम्हाला आशा आहे की या लेखाने तुम्हाला एक फेविकॉन तयार करण्यात मदत करण्यासाठी काही उपयुक्त माहिती दिली आहे जी तुमची वेबसाइट अधिक यशस्वी आणि आकर्षक बनवेल.

आज मला हवे आहे तुमच्या वेबसाइटसाठी फेविकॉन तयार करण्यासाठी सेवांशी तुमचा परिचय करून देतो. फेविकॉन हे आवडते आणि आयकॉन या इंग्रजी शब्दांचे संक्षिप्त रूप आहे. ही 16 बाय 16 पिक्सेल मोजणारी प्रतिमा आहे, ज्याला फेविकॉन म्हणतात आणि विस्तार ico आहे. हे तुमच्या होस्टिंगवर तुमच्या वेबसाइटच्या रूट फोल्डरमध्ये ठेवलेले आहे. जेव्हा साइट लोड होते, तेव्हा ब्राउझर आपोआप ही फाईल शोधतो, नंतर ती पृष्ठ URL च्या आधी ॲड्रेस बारमध्ये आणि बुकमार्कमध्ये जोडतो, तुमच्या साइटवर नियुक्त करतो. वेबसाइट आयकॉनचा व्यावहारिक उपयोग नसतो आणि तो फक्त ओळखण्यासाठी काम करतो.

आजकाल, कोणताही वेब डिझायनर जो कमीतकमी कसा तरी त्याच्या संसाधनाच्या विशिष्टतेबद्दल आणि मौलिकतेबद्दल विचार करतो, त्याच्यासाठी एक विशेष चिन्ह बनविण्यास बांधील आहे. ॲड्रेस बारमधील कोणत्याही ब्राउझरमध्ये, आयकॉनसह तुमच्या साइटचे नाव आधुनिक आणि संबंधित दिसेल. हे बुकमार्क आणि आवडींमध्ये देखील लक्षात येईल, जे त्यास समान साइट्सच्या वस्तुमानापासून वेगळे ठेवण्यास अनुमती देईल. आपण आपल्या संसाधनाच्या विषयानुसार एक चिन्ह निवडू शकता आणि त्याचा अभ्यास करण्यास प्रारंभ करण्यापूर्वी, अभ्यागतास ते काय आहे हे त्वरित समजण्यास सक्षम असेल. याचा साइट ओळखीवर आणि ब्रँड म्हणून त्याच्या निर्मितीवर चांगला परिणाम होईल.

डीफॉल्टनुसार, वेबसाइट वर्तमान ब्राउझरमध्ये त्यासाठी प्रदान केलेले चिन्ह प्रदर्शित करते. तसेच, आधुनिक ब्राउझरच्या बहुतेक आवृत्त्या वैयक्तिक साइट फेविकॉनला समर्थन देतात. आणि यांडेक्स शोध इंजिनमध्ये, जे आता रशियन-भाषिक जागेत Google सोबत वर्चस्व गाजवते, जेव्हा शोध क्वेरी केली जाते, तेव्हा रँक केलेल्या साइट त्यांच्या चिन्हासह दिसतात. म्हणून, नंतरचा विलंब न करता, त्याच्या निर्मितीकडे बारकाईने लक्ष देणे अत्यावश्यक आहे.

इंटरनेटवर अनेक संसाधने आहेत जी तयार चिन्हे संग्रहित करतात. त्यापैकी बरेच आहेत, परंतु आता आम्हाला फेविकॉन तयार करण्यात स्वारस्य आहे.

तुमच्या वेबसाइटसाठी फेविकॉन तयार करण्याची आवश्यकता आहे? ऑनलाइन फेविकॉन तयार करण्याच्या सेवांचा विचार करूया

वेबसाइट चिन्ह तयार करण्यासाठी सर्वात लोकप्रिय सेवा. हे काम करणे अगदी सोपे आहे आणि एक नवशिक्या वापरकर्ता देखील ते हाताळू शकतो. आम्हाला साइट आयकॉन म्हणून पहायची असलेली प्रतिमा आम्ही अपलोड करतो. तो त्यावर प्रक्रिया करतो. आम्ही परिणामी प्रतिमा पाहतो आणि जर ती आमच्यासाठी अनुकूल असेल तर डाउनलोड करा क्लिक करा. नावाची फाइल. तुम्ही ते स्वतः पिक्सेल बाय पिक्सेल काढू शकता आणि तुम्हाला ते आवडत असल्यास, तुम्ही ते आयकॉन म्हणून सेव्ह देखील करू शकता. हे महत्त्वाचे आहे की फेविकॉन तयार करण्यासाठी साधे रेखाचित्र वापरले जाते. जर अनेक रंगीबेरंगी गोष्टी असतील, तर तुम्हाला नॉनडिस्क्रिप्ट स्पॉट मिळेल.

पुढील सेवा, जी वापरण्यास सोपी आहे, ती आहे. त्यातील कार्य अंदाजे मागील ॲनालॉगसारखेच आहे. एकच गोष्ट आहे की ती इंग्रजीत आहे आणि जाहिराती जास्त आहेत. परंतु सर्वसाधारणपणे, पिढीच्या क्रिया अगदी समान असतात. प्रतिमा अपलोड करा, पहा, संपादित करा आणि जतन करा.

आता वेबसाइट प्रमोशन सेवा प्रदान करणाऱ्या किंवा त्यावर विश्लेषणे गोळा करणाऱ्या जवळजवळ प्रत्येक संसाधनाकडे फेविकॉन तयार करण्याचा अतिरिक्त पर्याय आहे. उदाहरणार्थ, सुप्रसिद्ध सेवा ज्यांमध्ये हा अतिरिक्त पर्याय देखील आहे:

परंतु मला अशा सेवा आवडतात ज्या विशेषतः निर्मितीसाठी डिझाइन केल्या आहेत. येथे, विविध आकारांचे आणि स्वरूपांचे चिन्ह निर्माण करण्यासाठी आणखी एक छान ऑनलाइन साधन पहा. विनम्र आणि चवदार. आमची फाईल अपलोड केली. निवडलेला आकार. पूर्वावलोकन करा आणि आपल्या संगणकावर जतन करा.

अर्थात, आयकॉन तयार करण्यासाठी तुम्ही प्रत्येकाचे आवडते फोटोशॉप वापरू शकता. परंतु ते ico विस्तारासह प्रतिमा जतन करत नाही. किंवा त्याऐवजी, ते वाचवते, परंतु यासाठी तुम्हाला एक विशेष प्लगइन अनपॅक करणे आवश्यक आहे - icoformat.8bi आणि ते फोटोशॉप फोल्डरमधील प्लग-इन्स\फाइल फॉरमॅट्स फोल्डरमध्ये स्थापित करा. हे आपल्याला आमच्या इच्छित विस्तारासह फायली जतन करण्यास अनुमती देईल. माझ्यासाठी हे खूपच त्रासदायक आहे.

मी हा पर्याय सुचवतो. फोटोशॉपमध्ये, आम्ही एक प्रतिमा तयार करतो जी आम्हाला आयकॉन म्हणून पहायची आहे, ती कोणत्याही विस्ताराने सेव्ह करते आणि वरीलपैकी एका सेवेवर पाठवते, जिथे आम्हाला या प्रतिमांमधून आवश्यक असलेली एक मिळेल.

तुम्ही ग्राफिक इमेजेसचे ऑनलाइन कन्व्हर्टर एका फॉरमॅटमधून दुसऱ्या फॉरमॅटमध्ये देखील वापरू शकता. उदाहरणार्थ येथे किंवा. त्यांचा वापर करून तुम्ही कोणतेही ग्राफिक फाइल विस्तार ico मध्ये बदलू शकता.

तुम्ही आयकॉनला साइटसाठी फेविकॉन कसे बनवू शकता?

पुढील चरण आवश्यक आहेत:

1 फाइल कॉल केली असल्याची खात्री करा.

2 Filezilla वापरून आम्ही ते आमच्या साइटच्या रूट फोल्डरमध्ये ठेवतो. सिद्धांततः, या क्रिया पुरेशा आहेत आणि ब्राउझर आपोआप ते कुठे आहे हे निर्धारित करेल. परंतु आम्ही ते सुरक्षितपणे प्ले करतो आणि html कोडमध्ये या फाईलचा मार्ग लिहितो.

3 हे करण्यासाठी, आमची थीम फाईल header.php घ्या (तुम्ही ती थेट वर्डप्रेसमध्ये ॲडमिन पॅनेलमध्ये संपादित करू शकता किंवा तुम्ही सर्व्हरवरून डाउनलोड करू शकता), ती उघडा आणि क्लोजिंग टॅगच्या आधी जोडा.खालील कोड:

/favicon.ico"/>

4 फाइल सेव्ह करा आणि ती परत होस्टिंगवर हस्तांतरित करा.

5 वर्तमान ब्राउझरची कॅशे साफ करा आणि तेच. आम्हाला अपेक्षित परिणाम मिळाला.

तसे, फेविकॉन रूटमध्ये असणे आवश्यक नाही. href विशेषता थेट त्याचा मार्ग निर्दिष्ट करते. हे असे बाहेर वळते:

आयकॉनसाठी ico एक्स्टेंशन असणे देखील आवश्यक नाही. तुम्ही png आणि gif विस्तार देखील वापरू शकता. हे करण्यासाठी, कोड आउटपुट फाइलचा प्रकार बदलतो.

म्हणजेच, आम्ही image/x-icon वरून image/png किंवा gif असा प्रकार बदलतो.

तसे, आपण आणखी एक गोष्ट जोडू शकता. आम्ही साइटसाठी फेविकॉन तयार केले आणि स्थापित केले, परंतु वर्डप्रेस ऍडमिन पॅनेलमध्ये, मानक फेविकॉन डीफॉल्टनुसार राहिले. ते सर्वत्र बदलण्यासाठी, तुम्हाला आमच्या थीमच्या function.php फाईलमध्ये खालील php कोड घालणे आवश्यक आहे:

फंक्शन sp_set_favicon() ( echo " "; ) add_action("admin_head", "sp_set_favicon"); add_action("login_head", "sp_set_favicon"); add_action("wp_head", "sp_set_favicon");

आता ते सर्व शीर्षलेखांमध्ये प्रतिबिंबित होईल.

मुळात एवढेच आहे. आज आम्ही तुम्हाला वेबसाइटसाठी फेविकॉन का तयार करण्याची आवश्यकता आहे यावर चर्चा केली आणि वेबसाइटसाठी फेविकॉन तयार करण्यासाठी ऑनलाइन सेवा आणि त्याच्या इन्स्टॉलेशनची गुंतागुंत पाहिली. ब्लॉग अद्यतनांची सदस्यता घेण्यास विसरू नका. लवकरच भेटू!

favicon.ico कसे तयार करावे आणि ते होस्ट कसे करावे याबद्दल व्हिडिओ पहा:

फेविकॉन खूप लहान आहेत, परंतु प्रत्येक साइटचा शेवटचा भाग नाही. ते इंटरनेटच्या जन्मासह दिसू लागले आणि आजपर्यंत त्यांची मागणी आहे. ते तयार करण्याचे अनेक मार्ग आहेत. तुम्ही प्रोग्रामसाठी प्लगइन वापरू शकता किंवा तुम्ही विशेष वेब युटिलिटी वापरू शकता. चला त्यांच्याबद्दल बोलूया.

एक्स-आयकॉन-एडिटर

मागील टूलच्या विपरीत, favicon.cc मध्ये कमी ड्रॉइंग टूल्स आहेत. येथे तुम्ही विशिष्ट रंग आणि पारदर्शकतेसह वैयक्तिक पिक्सेल काढू शकता. हे साधन तुम्हाला प्रतिमा आयात करण्यास, आवश्यकतेनुसार संपादित करण्यास आणि त्यांना फेविकॉन म्हणून निर्यात करण्यास देखील अनुमती देते.

विशेष पॅनेलचे आभार, फॅव्हियन काढताना ते इंटरनेट एक्सप्लोरर ब्राउझरमध्ये कसे दिसते ते तुम्हाला लगेच दिसेल.

अँटीफेविकॉन

मानक फेविकॉन आकार (16x16) अर्थातच मजकूरासाठी खूप लहान आहे. तथापि, Antifavicon तुम्हाला त्या छोट्या जागेत मजकूराच्या दोन ओळी बसवण्याची परवानगी देतो. वापरलेला फॉन्ट नक्कीच इतका चांगला नाही, पण तुम्ही काय करू शकता :).

दिलेली चौकट अर्थातच मर्यादा घालते. तथापि, काही उदाहरणे पाहिल्यानंतर, आपण काहीतरी मनोरंजक घेऊन येऊ शकता.

फेविकॉनिस्ट

आम्ही जी शेवटची सेवा पाहणार आहोत ती म्हणजे Genfavicon. येथे तुम्ही इमेज अपलोड करू शकता, आयकॉनमध्ये रूपांतरित करू शकता आणि ब्राउझरमध्ये ती कशी दिसेल ते लगेच पाहू शकता. त्यानंतर, तुम्ही दिलेल्या आकाराचे आयकॉन डाउनलोड करू शकता.

आज आपण ज्या सर्व सेवांवर चर्चा केली त्यांचे फायदे आणि तोटे आहेत. तथापि, त्यांच्यामध्ये असे काही आहेत जे त्यांच्या प्रतिस्पर्ध्यांपेक्षा काहीतरी अधिक प्रदान करू शकतात. त्यामुळे या साइट्स बुकमार्क करा. ते तुम्हाला नक्कीच उपयोगी पडतील.

प्रामाणिकपणे, मला खरोखर फेविकॉन आवडते. माझे त्याच्यावर खोल, तितकेच पवित्र प्लॅटोनिक प्रेम आहे. याचा अर्थ असा नाही की मी फेविकॉन कसे बदलले आणि ट्रॅफिक 10% ने कसे बदलले याबद्दल मी माझ्या सहकारी वेबमास्टरला कथा सांगतो (जरी प्रतीक्षा करा... कदाचित तसे झाले असेल), परंतु याचा अर्थ असा होतो की जेव्हा माझ्या नवीन साइटचे फेविकॉन यांडेक्स इंडेक्स, साइट स्वतःच मला थोडी अधिक एसडीएल वाटू लागली आहे.

फेविकॉन म्हणजे काय?

फेविकॉन (फेविकॉन - "आवडते चिन्ह" साठी लहान) ही एक प्रतिमा आहे जी ब्राउझरच्या ॲड्रेस बारमध्ये पत्त्याच्या आधी, साइटच्या उघडलेल्या पृष्ठासह विंडोशी संबंधित टॅबमध्ये प्रदर्शित केली जाते, तसेच त्यामध्ये संसाधन जोडताना. आवडीचे टॅब. या प्रतिमा वापरकर्त्याला ब्रँड किंवा कंपनी चांगल्या प्रकारे लक्षात ठेवण्यास आणि साइटची ओळख वाढविण्यात मदत करू शकतात. अनेकदा, कंपनी किंवा ब्रँड लोगोची कमी केलेली किंवा किंचित बदललेली प्रतिमा फेविकॉन म्हणून वापरली जाते.

फेविकॉन वापरण्याचे फायदे

फेविकॉन वापरल्याने कालांतराने फायदे मिळतात. उदाहरणार्थ, हे पर्याय पहा:

• जेव्हा एखादा वापरकर्ता ब्राउझरमध्ये अनेक टॅब उघडतो, तेव्हा तो ताबडतोब निर्धारित करू शकतो की त्यापैकी कोणत्या साइटवर आहे, जरी नावाचा मजकूर यापुढे प्रदर्शित होत नसला तरीही;
• यांडेक्स शोध परिणामांमध्ये, साइट किंवा त्याच्या पृष्ठाच्या डावीकडे फेविकॉन प्रदर्शित केले जाते, जे अभ्यागतांचे लक्ष वेधून घेते आणि ते इतरांपासून वेगळे करते;
• चित्र चांगले लक्षात ठेवले आहे आणि मेमरीमध्ये राहते - परिणामी, साइट वापरकर्त्यांसाठी अधिक ओळखण्यायोग्य आणि आकर्षक बनते.

अशा प्रकारे, फेविकॉन हा साइटच्या प्रतिमेचा एक भाग आहे, जो केवळ सौंदर्याचा कार्य करत नाही तर वापरकर्त्यासाठी बुकमार्क, टॅब आणि शोध परिणामांमध्ये पोर्टल शोधणे अधिक सोयीस्कर बनवते.

फेविकॉनसह काम करणाऱ्या यांडेक्सची वैशिष्ट्ये

यांडेक्स शोध इंजिन हे अशा काहींपैकी एक आहे जे साइट फेविकॉन हायलाइट करतात आणि शोध परिणामांची सूची तयार करताना ते प्रदर्शित करतात. हे करण्यासाठी, एक विशेष बॉट वेळोवेळी साइट्स अनुक्रमित करतो आणि फेविकॉनच्या उपस्थितीबद्दल माहिती अद्यतनित करतो.

पूर्वी, फेविकॉन अपडेट्स दर दोन महिन्यांनी एकदा येत असत. आता, 2018 मध्ये, Yandex त्यांना अधिक जोमाने अनुक्रमित करते आणि माझ्या काही नवीन साइट्सवर काही दिवसात फेविकॉन दिसून येतो.

Yandex फेविकॉन प्रदर्शित करते की नाही हे तपासण्यासाठी, आपण शोध सूचीमध्ये आपले पोर्टल शोधू शकता आणि त्याच्या डावीकडे चिन्ह दृश्यमान आहे का ते पाहू शकता. तुम्ही ॲड्रेस बारमध्ये खालील बांधकाम देखील एंटर करू शकता: Yandex साठी - http://favicon.yandex.net/favicon/www.site.ru (जेथे www.site.ru ऐवजी तुम्हाला तुमच्या साइटचे डोमेन टाइप करणे आवश्यक आहे. ). काळ्या पार्श्वभूमीवर योग्यरित्या तयार केलेला फेविकॉन प्रदर्शित केला जाईल आणि याचा अर्थ Yandex ते पाहतो.

फेविकॉन दृश्यमान नसल्यास, हे खालील कारणांमुळे असू शकते:

• प्रतिमेचा आकार आवश्यक आकाराशी संबंधित नाही: 16x16 पिक्सेल;
• प्रतिमा स्वरूप समान नाही - ते ico, jpeg किंवा png असावे (यांडेक्ससाठी पहिला पर्याय अधिक श्रेयस्कर आहे);
• चित्र अस्पष्ट आहे किंवा अद्वितीय नाही - कधीकधी या कारणांमुळे शोध इंजिन चिन्ह अवरोधित करते;
• यांडेक्स सिस्टम अद्यतनित करत आहे - नंतर काही काळानंतर सर्वकाही स्वतःच सुधारले पाहिजे;
• साइट शोध परिणामांमध्ये शंभरव्या स्थानापेक्षा पुढे स्थित आहे - या प्रकरणात, फॅविकॉन देखील प्रदर्शित केला जाऊ शकत नाही.

या निकषांनुसार चित्र तपासल्यानंतर, आपल्याला उणीवा दुरुस्त करणे आवश्यक आहे. यानंतर चिन्ह प्रदर्शित न झाल्यास, आपण यांडेक्स समर्थनाशी संपर्क साधू शकता.

Yandex.Direct मध्ये फेविकॉन प्रदर्शित करण्यासाठी, ते योग्यरित्या डिझाइन केलेले आणि साइटवर योग्य ठिकाणी स्थित असणे आवश्यक आहे. मग Yandex शोध रोबोट ते अनुक्रमित करेल आणि शोध परिणामांमध्ये ते दर्शवेल. हे सहसा साइट बदलांसह प्रकाशित झाल्यानंतर 2-4 आठवड्यांनंतर घडते. यांडेक्सला फेविकॉन प्रकाशित करण्यासाठी सूचित करण्याची किंवा विचारण्याची गरज नाही; हे पोर्टलवर दिसल्यानंतर काही वेळ निघून गेल्यावर आपोआप होईल.

फेविकॉन कसा तयार करायचा

जर तुम्हाला मोठ्या इमेजमधून ico फाइल फॉरमॅटमध्ये बनवायची असेल, उदाहरणार्थ, png, तर आधी Adobe Photoshop इन्स्टॉल करणे चांगली कल्पना असेल. नंतर फोटोशॉपसाठी ICO प्लगइन स्थापित केले आहे (शोध इंजिनमध्ये आपल्या FS च्या आवृत्तीसाठी प्लगइन पहा). जेव्हा ते स्थापित केले जाते, तेव्हा आम्ही इच्छित फाइल ICOFormat.8bi (32-बिटसाठी) किंवा ICOFormat64.8bi (64-बिटसाठी) खालीलपैकी एका मार्गावर कॉपी करतो:

C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\File Formats
C:\Program Files (x86)\Adobe\Adobe Photoshop CS6\Plug-ins\File Formats

"प्लग-इन" किंवा "फाइल फॉरमॅट्स" फोल्डर नसल्यास, तुम्हाला ते तयार करावे लागेल. आता सेव्ह डायलॉगमध्ये तुम्ही ico फॉरमॅट निवडू शकता. तयार केलेल्या चिन्हांचे आकार 8 च्या पटीत असू शकतात (16×16, 24×24, 32×32, आणि असेच, परंतु 16×16 निवडणे सर्वात विश्वासार्ह आहे).

फेविकॉन बनण्यासाठी असलेली प्रतिमा फोटोशॉपमध्ये उघडली जाते. "इमेज - इमेज साइज" वर क्लिक करा आणि इमेजचा आकार 16x16 पिक्सेलमध्ये बदलेल. नंतर “फाइल – म्हणून सेव्ह करा” दाबा आणि ICO फॉरमॅट निवडा (फाइलचे नाव favicon.ico असावे).

मी स्वतः अलीकडे फोटोशॉपशिवाय प्रतिमा ico स्वरूपात रूपांतरित करत आहे. सेवा वापरणे https://realfavicongenerator.net/.

काही काळानंतर, साइटवर फेविकॉन दिसेल.

काही हुशार लोक बाण, त्रिकोणाच्या रूपात फेविकॉन बनवतात आणि लाल घटक जोडतात जेणेकरून वापरकर्ता क्लिक करेल. हे नक्कीच केले जाऊ शकते, परंतु यासाठी साइट कृत्रिमरित्या कमी केली जाऊ शकते.

यांडेक्स फॅविकॉन अभ्यासकांना घाबरवते

चिन्ह डिझाइन करताना, लक्षात ठेवा की प्रतिमा लहान स्वरूप असूनही स्पष्ट आणि स्पष्टपणे दृश्यमान असावी. म्हणून, शक्य तितक्या कमी वैयक्तिक वस्तू वापरणे चांगले आहे आणि जास्त रंग नाही. तुम्ही स्पर्धकांचे फेविकॉन पाहू शकता आणि त्यांच्यापासून तुम्ही कसे वेगळे राहू शकता याचा विचार करू शकता.

सेवा

चिन्ह तयार करण्यासाठी विशेष कार्यक्रम आणि संसाधने देखील आहेत, त्यापैकी खालील लोकप्रिय आहेत:

• favicon.cc - सर्वात सोपा संपादक तुम्हाला एक साधी प्रतिमा तयार करण्यास अनुमती देईल, ऑपरेशनचे सिद्धांत थोडे पेंटसारखे आहे. रंग देखील निवडले जातात, आणि ज्या पिक्सेल स्क्वेअरवर पेंट करणे आवश्यक आहे त्यावर क्लिक करून एक रेखाचित्र तयार केले जाते. एक निराकरण साधन आहे. तयार केलेली प्रतिमा तुमच्या संगणकावर तयार फेविकॉन प्रतिमा म्हणून देखील जतन केली जाऊ शकते. तुम्ही कार्य करत असताना, स्क्रीनच्या तळाशी तुम्ही प्राथमिक निकाल पाहू शकता ज्या फॉर्ममध्ये तो ब्राउझरमध्ये प्रदर्शित केला जाईल. संसाधन तयार-तयार चिन्हांची एक मोठी निवड देखील देते;
• favicon.ru - येथे तयार प्रतिमांमधून फेविकॉन तयार करणे चांगले आहे. चित्र संगणकावरून डाउनलोड केले जाते, सिस्टमद्वारे प्रक्रिया केली जाते आणि favicon.ico फाइलमध्ये रूपांतरित केली जाते, जी नंतर डाउनलोड केली जाऊ शकते;
• iconj आणि audit4web हे डेटाबेस आहेत जिथे तुम्ही तयार फेविकॉन शोधू शकता.

अशी सेवा देखील आहे:

प्रतिमा विकसित करण्यासाठी आपण डिझायनरकडे वळू शकता, परंतु यासाठी अधिक खर्च येईल.

आणखी एक मुद्दा असा आहे की आयकॉनसाठी प्रतिमा ॲनिमेटेड असू शकत नाही, ती नेहमी गतिहीन असते, जरी कोणत्याही नॉन-स्टॅटिक इफेक्टसह चित्र आधार म्हणून वापरले गेले असले तरीही.